일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- useState
- 상태관리
- Groo
- Redux
- 코딩테스트
- 취준
- 우아한테크러닝
- JavaScript
- 취업준비
- Modules
- Hooks
- react
- 환경오염
- npm
- 개발일기
- 카카오페이
- lexicalEnvironment
- scope
- CSR
- Binding
- excutionContext
- 리액트
- 함수 바인딩
- SSR
- mobx
- vanilla.js
- closure
- state
- react.js
- 리액트를 다루는 기술
- Today
- Total
목록전체 글 (33)
개발하자
1. 최종합격까지 몇 개 이상의 이력서 작성이 필요할까요? 20개 입니다. 2. 프리온보딩 인턴십에서 숏에세이 작성제도를 시행하는 목적 인턴십 방식과 수료조건들을 잘 이해했는지 확인하기 위해서 시행하는 것 같습니다. 3. 지원하고 싶은 참가기업은 어디인지 위메이드, 렉시냅틱스, 에코넥트, 이노야드, 젠스타메이트
Public Npm Registry Database of Javascript Packages 각각은 소프트웨어와 메타데이터로 구성 됨 packages and node modules를 포함 Packages and Modules 1. Packages package.json에서 설명된 파일 또는 디렉토리 npm registry에 발행되기 위해서는 package.json이 있어야만 함 unscoped 또는 scoped 할수 있음 (사용자 또는 organization의 범위를 지정할 수 있다는 의미인듯) scoped package는 private 또는 public을 설정할 수 있음 package formats package.json 파일을 포함해야 함 (1)을 포함한 gzip으로 압축된 tarball (2)의 u..
라우팅 사용자가 요청한 url에 따라 알맞은 페이지를 보여주는 것 리액트에서 라우트 시스템을 구축하는 방법 react-router 가장많이 사용됨 컴포넌트 기반 next.js SSR(Server Side Rendering) CRA 처럼 프로젝트 설정 외 다양한 기능을 제공함 node.js 로 별도의 서버를 구동 해야함 MPA(Multi Page Application) spa가 생기기 전의 방식 페이지가 변경될 떄 마다 서버에 새로운 html을 요청하고 받아 오던 방식 페이지 별 html이 따로 있었음 SPA (Single Page Application) 하나의 페이지로 이루어진 어플리케이션 컴퓨터 성능 향상, 브라우저 기능 향상, 모듈화 표준 등장으로 가능해짐 1. 특징 사용자 인터랙션이 많을 때 유리 ..
많은 데이터 렌더링 하기 listItem 하나를 리렌더링 하는데에 158.6ms 가 걸림 아이콘, 이미지를 사용하지 않아서 책보다는 적게 걸렸지만 대부분의 요소를 리렌더링 함 느려지는 원인 1. 리렌더링 발생 상황 자신이 전달받은 props가 변경될 떄 자신의 state가 바뀔 떄 부모 컴포넌트가 리렌더링 될 떄 forcUpdate 함수가 실행될 때 2. 코드 리렌더링 과정 할 일 체크를 하면 App 컴포넌트의 state 가 변경되면서 App 컴포넌트 리렌더링 부모컴포넌트가 리렌더링 돼서 TodoList 컴포넌트 리렌더링 그 안에있는 컴포넌트들도 리렌더링 3. 최적화 작업 TodoListItem 을 매번 리렌더링 하지 않고 변경된 부분에 한해서 리렌더링 할 수 있도록 최적화 할 수 있음 (리렌더링 방지)..
책의 코드를 자세히 보지 않고, 기능만 정리하여 스스로 개발했다. 이후에 책의 코드와 비교하며 개선점을 찾아봤다. 기능 1. 할 일 입력 버튼을 눌렀을 때, Enter를 눌렀을 때 입력 이벤트가 발생 placeholder : 할 일을 입력하세요. 2. 리스트 추가 입력한 내용을 리스트에 추가 함 리스트 구성요소 체크박스 ( 할 일을 다 했을 경우 체크 할 수 있도록) 할일 내용 (체크박스 클릭 됐을 때 → 색깔 회색, 가운데 줄) 삭제 버튼 ( 버튼 누를 경우 리스트에서 삭제) 사용 라이브러리 react-icons App.js useReducer 사용 상태로 todoList를 가짐 {id, check, todo} action remove, check, add TodoInput.js app에서 dispat..