홈

React의 생명주기 react에서 생명주기(lifecycle)란? component의 생성, 변경, 소멸 과정을 뜻한다. 컴포넌트가 생성, 변경, 소멸될 때 특정한 이벤트들이 발생한다.Mount 컴포넌트가 처음 실행될 때이다. 컴포넌트가 시작되면 context,...

플로우 전체도Store 상태는 기본적으로 store에서 집중관리 Store는 커다란 JSON 결정체 규모가 클 경우 상태를 카테고리별로 분류한다.{ // 세션과 관련된 것 session: { loggedIn: true, user:...

npm install -g create-react-app song-search-projecthwang-yunjin@hwang-yunjin-ui-MacBookAir song-search-project % npx create-react-app song-search-projectnpm 명령어는 안 되고, npx 명령어는 되는데 이 둘의 차이가 뭘까?시도한 방법 1리포지토리 레지스트리가 누락되었을 수...

렌더링 방식Single Page Application(SPA)과 Client Side Rendering(CSR) SPA는 한 개의 페이지로 이루어진 애플리케이션을 뜻한다. 과거에는 서버로부터 새로운 페이지를 요청하고 파싱하는 Multi Page Application(MPA) 방식이었다. SPA는...

들어가며…소프트웨어 개발을 할 때 가장 큰 위협은 복잡성이다.코드가 복잡해지면 유지보수나 복잡한 기능을 추가할 때, 어떤 결과를 낳을지 예측하기 어려워진다.Redux는 어떤 결과를 가져올 지 예측가능하게 만들어주는...

yarn페이스북에서 만든 Node.js의 패키지 매니저이다.기존 npm이 가진 성능과 의존성 관리 문제를 해결하기 위해 등장했다.yarn 역시 pakage.json 파일을 기준으로 동작한다.yarn의 장점 성능 : yarn은 설치된 모든...

npm의 의존성 관리npm은 package.json 파일을 통해 프로젝트 정보와 패키지 정보를 관리한다.$ npm init 명령어 실행 시 프로젝트에 대한 이름, 버전, 라이선스 등 여러가지 정보를 입력하고,이...

프런트엔드 개발 도구프런트엔드에서는 의존성 관리 구형 브라우저의 호환을 위한 트랜스 파일링 소스 번들링등을 위한 다양한 도구가 존재한다.JavaScript의 의존성 관리⬅️  과거에 자바스크립 파일들을 관리한 방법 JavaScript...