일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- AWS
- 이펙티브자바
- 알고리즘
- 자바
- 이펙티브 자바
- aop
- 인프런백기선
- AWS RDS
- 기술면접
- mysql
- DDD
- 알고리즘분석
- 인프런김영한
- vue.js
- MariaDB
- 이팩티브 자바
- 인덱스
- 스프링부트와AWS로혼자구현하는웹서비스
- 도메인 주도 개발 시작하기
- jpa
- 혼공SQL
- 네트워크
- SQL쿡북
- 자바스터디
- java
- react
- 클린코드
- CleanCode
- 자바예외
- 자료구조
- Today
- Total
목록React (24)
기록이 힘이다.
https://velog.io/@rimo09/React%EC%97%90%EC%84%9C-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EA%B2%BD%EB%A1%9C-%EA%B9%94%EB%81%94%ED%9E%88-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0 React에서 컴포넌트 경로 깔끔히 관리하기 Create-react-app 프로젝트에서 컴포넌트 import 시 경로를 깔끔하게 관리하는 법을 소개하려고 합니다.위와 같이 컴포넌트를 import할때 상대경로 지정하는게 번거롭기도 하고, 앱 구조가 복잡해지면 velog.io
https://velog.io/@_seeul/React-%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%A1%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-%EC%A7%84%ED%96%89%ED%95%A0%EB%95%8C-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%8F%B4%EB%8D%94-%EA%B5%AC%EC%A1%B0%EB%A5%BC-%EC%9E%A1%EB%8A%94%EA%B2%83%EC%9D%B4-%EC%A2%8B%EC%9D%84%EA%B9%8C React | 리액트로 프로젝트를 진행할때 어떻게 폴더와 컴포넌트 구조를 설계하는 것이 좋을까?🤔 리액트 초기세팅 후 컴포넌트 구조 설계하기 🧸 velog.io
https://techblog.woowahan.com/8339/ React 개발자를 위한 피그마 플러그인 개발(feat. 온보딩) | 우아한형제들 기술블로그 {{item.name}} 안녕하세요, 우아한테크캠프 4기를 마치고 2022년 1월에 회사 생활을 시작한 신입 개발자 황윤서입니다. 긴장했던 첫 회사 생활은 온보딩 프로젝트와 함께 시작되었습니다. ‘쌩신입’ techblog.woowahan.com
[React] 리액트 SCSS(SASS) 적용하는 법 프론트엔드 개발자라면 필수적으로 CSS 작업을 해야 할 일이 생긴다. 그리고, React와 같은 라이브러리를 쓴다고해도 마찬가지이다. 요즘은 많은 개발자들이 CSS 전처리기를 많이쓰고 있는데, 그중 sunnyfterrain.github.io [아무튼 Sass] 1. 시작하기 - Sass 개념, 컴파일러 설치 프롤로그 "CSS 인생은 전처리기를 도입하기 전과 후로 나뉜다" ......이런 말은 없지만, Sass를 배우면 CSS 작성이 짱짱 편해집니다. 신입 퍼블리셔부터 스타일시트 관리를 하는 개발자까지, Sass에 대 nykim.work
useEffect훅의 두 번째 인자 useEffect 훅은 첫번째 렌더링과 이후의 모든 업데이트에서 콜백함수를 호출합니다. 하지만 이렇게 업데이트가 일어날 때 마다 기능을 실행하는것이 불필요할 수 있습니다. useEffect의 두 번째 인자에 빈배열을 전달하면 딱 한번 실행되도록 만들어 최적화 할 수 있습니다. (https://ko.reactjs.org/docs/hooks-effect.html#tip-optimizing-performance-by-skipping-effects) https://firebase.google.com/docs/reference/js/v8/firebase.auth.Auth#onauthstatechanged Auth | JavaScript SDK | Firebase JavaScri..
React Context 일반적인 React 애플리케이션에서 데이터는 부모로부터 자식에게 props를 통해 전달됩니다. 하지만 1. 애플리케이션 안의 여러 컴포넌트들에 동일한 props값을 전해줘야 하는 경우, 혹은 2. 오로지 하위 컴포넌트로 데이터를 전달하기 위해 중간에 위치한 컴포넌트들에 전달하는 용도로만 쓰이는 props를 사용할 경우 이 과정이 번거로울 수 있습니다. context는 React 컴포넌트 트리 안에서 데이터를 전역으로(global)사용할 수 있도록 고안된 방법입니다. Context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다. useReducer useState의 대체 함수입니다. 보통 숫자형이나 문자열 ..
HTML 삽입 미리보기할 수 없는 소스 타입스크립트를 사용했을때 참 편리한 점은, 배열의 내장함수를 사용 할 때에도 타입 유추가 매우 잘 이루어진다는 것 입니다. 참고로 함수에서 만약 아무것도 반환하지 않아야 한다면 이를 반환 타입을 void 로 설정하면 됩니다. 이렇게 함수에서 Generics 를 사용하면 파라미터로 다양한 타입을 넣을 수도 있고 타입 지원을 지켜낼 수 있습니다.
https://react.vlpt.us/using-typescript/01-practice.html 1. 타입스크립트 연습 · GitBook 01. 타입스크립트 연습 타입스크립트에서 가장 기본적인 것들을 연습해보겠습니다. 먼저 새로운 자바스크립트 프로젝트를 생성해보겠습니다. 터미널에서 다음 명령어들을 입력하세요. $ mkdir ts- react.vlpt.us 작은 회사에 들어가면 풀스택이 되곤 한다. 리액트를 학원에서도 배웠고 재밌게 느꼈기 때문에 스프링부트를 공부중이었지만 들어왔다. 다시 배우려다 보니 요즘 typescript를 많이 사용해서 그거부터 하나씩 살펴보려고 한다. 언제 또 공부해서 만드려나 싶은 생각이 들기도 하지만... 또 하나씩 해보면 해결책이 나오지 않을까 생각하면서 코드를 두드려 본다.