상황에 맞는 태그를 사용하여 문서의 기본 뼈대를 잡을 수 있습니다.

각 태그의 의미와 관련 속성에 대해 이해하고 있습니다.

HTML 문서 구조에 맞는 스타일을 상황에 맞게 적용시킬 수 있습니다.

CSS의 선택자 개념에 대해 이해하고 있습니다. 기본적인 선택자를 포함하여 하위 또는 자식 선택자, 형제 선택자, 가상 클래스 선택자 등을 상황에 맞게 잘 조합하여 사용할 수 있습니다.

flex와 grid, media query 등을 이용하여 반응형 레이아웃을 만들 수 있습니다.

transition과 keyframe frames를 이용하여 자연스러운 애니메이션 효과를 만들 수 있습니다.

JavaScript의 기초적인 동작에 대해 이해하고 있습니다.

실행 컨텍스트의 동작과 이로 인해 생기는 스코프와 호이스팅, 함수 호출방식에 따라 달라지는 this와 this 바인딩, 클로저, 프로토타입과 같은 JavaScript의 핵심 개념을 이해하고 있으며, 완벽하게 체화하기 위해 계속해서 공부하고 있습니다.

ES5, ES6를 포함하여 최신의 ECMAScript 내용을 꾸준히 공부하고 있습니다. let과 const, 화살표 함수, spread문법, 구조분해할당, Promise와 async 및 await 등을 자유롭게 사용할 수 있습니다.

타입이 강제되지 않아 런타임환경에서 오류가 일어나기 쉬운 JavaScript의 단점을 보완하고자 새롭게 선택한 언어입니다. 현재는 JavaScript를 대체하여 주력 언어로 사용하고 있습니다.

필요한 type과 interface를 선언하여 사용할 수 있습니다. 이때 제네릭과 TypeScript의 여러 유틸리티 타입(Partial, Required, Pick, Omit 등)을 함께 사용할 수 있습니다.

React를 이용하여 복잡한 기능의 웹 어플리케이션을 만들 수 있습니다.

프로젝트를 컴포넌트 단위로 설계하고, 각 컴포넌트가 유연하게 동작하여 재사용이 쉬운 구조가 되도록 노력합니다.

React Hooks를 이용하여 함수형 컴포넌트를 사용할 수 있습니다. 또한 필요한 custom hook을 직접 제작하여 사용할 수 있습니다.

git을 사용하여 버전 관리 저장소를 생성하고, 특정 단계마다 commit을 만들어 기록할 수 있습니다.

너무 잦게, 또는 너무 한번에 커밋 하지 않도록 주의하여, 이후에 히스토리를 추적함에 있어 어려움이 생기지 않도록 노력하고 있습니다. 또한 커밋 컨벤션을 정해서 일관성 있게 커밋 메시지를 작성하는 것의 중요성을 알고 있습니다.

팀 단위로 git을 사용하는 경우, branch를 생성하여 메인 브랜치에서 분리된 환경에서 작업을 진행합니다. 작업이 완료되면 github의 PR(Pull Request) 기능을 사용하여 팀장의 검토를 받은 후 메인 브랜치에 병합하는 방식으로 프로젝트를 진행한 경험이 있습니다.

npm을 이용하여 필요한 패키지를 설치하고, 해당 프로젝트에 필요한 버전으로 패키지를 관리할 수 있습니다.

Express JS 라이브러리를 사용하여 Node JS를 기반으로 하는 간단한 웹 서버를 만들 수 있습니다.

최신 13버전 이상의 Next JS(App Router)를 사용할 수 있습니다.

layout과 page를 적절히 사용하여, 여러 페이지에서 공유하는 부분의 상태를 유지하고 불필요한 리렌더링을 진행하지 않도록 합니다.

route를 설정하여 간단한 api서버를 구축할 수 있습니다.