궁금한게 많은 코린이의 Developer 노트

모던 리액트 딥다이브 week5 2024-04-04 DIL 주차 DIL 범위 날짜 개인 진도 5주차 9장 2024-04-04 529-570p 개념 채우기 SWC(Speedy Web Compiler)란? 자바스크립트 컴파일러지만 웹펙과 같은 자바스크립트 번들러의 기능도 제공하고 있음. Rust 기반의 플랫폼임. 동시에 여러 파일 변환(병렬처리)이 가능하여 빠르다. 기존 Babel(트렌스파일링) 과 Terser(코드 경량화)를 대체함. /각각 17배, 7배 더 빠름. Babel vs SWC Babel: 트렌스파일러. 싱글스레드 언어인 자바스크립트로 작성됨. SWC: 동시에 여러 파일들이 변환가능함. / Babel 보다 20배 빠름. SWC가 빠른 이유? 병렬처리를 고려하여 설계된 언어인 Rust를 사용하기 ..

모던 리액트 딥다이브 week5 2024-04-03 DIL 주차 DIL 범위 날짜 개인 진도 5주차 9장 2024-04-03 550-568p 9장 모던 리액트 개발 도구로 개발 및 배포환경 구축하기 깃허브 액션은 깃허브 저장소에서만 사용가능하다. (제한적 무료 서비스.) 깃허브 액션의 기본개념 스텝 > 잡(병렬실행) > 액션 > 러너(실행 서버) 러너: 파일로 작성된 깃허브 액션이 실행되는 서버를 의미함. 액션: 러너에서 실행되는 하나의 작업단위. 이벤트: 깃허브 액션의 실행을 일으키는 이벤트. 잡: 하나의 러너에서 실행되는 여러 스텝의 모음. (병렬O) 스텝: 잡 내부에서 일어나는 하나하나의 작업. (병렬X) 깃허브 액션 작성하기 저장소 루트: ./github/workflows 폴더 생성 yaml 파일..

모던 리액트 딥다이브 week5 2024-03-27 DIL 주차 DIL 범위 날짜 개인 진도 5주차 9장 2024-04-01 529-542p 9장 모던 리액트 개발 도구로 개발 및 배포환경 구축하기 Next.Js로 리액트 개발 환경 구축하기 프론트앤드 개발자가 직접 만든 애플리케이션을 온전히 이해하려면 package.json 부터 시작해서 직접 설정해보기. 왜 이런 파일이 필요한지, 이 파일 내부에 어떤 설정이 필요한지 이해한다. 기본 패키지 설치 npm init npm i react react-dom next npm i @types/node @types/react @types/react-dom eslint eslint-donfig-next typescript --save-dev tsConfig 작성 {..

모던 리액트 딥다이브 week4 2024-03-26 DIL 주차 DIL 범위 날짜 개인진도 4주차 4장, 8장 2024-03-26 483-499p ...이어서 공부 완전히 새로운 규칙 만들기: new Date()를 금지시키는 규칙 해당 상황이 있다고 가정해보자. newDate()사용 못함. ServerDate()를 만들어 서버의 시간을 반환하는 함수만 사용해야 함. 이러한 규칙을 준수하기 위해 ESLint 규칙을 만들어야 한다. 이 규칙을 만들기 위해 먼저 자바스크립트의 내부에서 new Date()의 존재를 파악해야 한다. AST로 코드를 분석해보면, ExpressionStatement는 표현식 전체를 나타낸다.(ExpressionStatement.expression/callee/arguments..) ..