HTML

HTML로 다양한 레이아웃을 배치할 수 있습니다. 특히 flex와 grid 형식의 레이아웃을 자주 사용합니다.

CSS

자주 사용되는 css 태그, 속성에 대해 이해하고 있습니다. 사용자 경험 향상을 위해 반응형 레이아웃에 관한 연습을 하고 있습니다.

JavaScript

기본적인 문법과 간단한 DOM 조작에 대해 숙지하고 있습니다. JS의 이론적인 내용에 약하다고 생각해 공식문서와 블로그 글 등을 통해 공부중입니다.

TypeScript

복잡한 JSON 데이터를 활용하거나, 런타임 이전에 버그를 발견하는데 도움을 주는 타입스크립트의 강력함을 느끼고 공부하며 사용하는 중입니다. 타입을 생성하고, 타입 좁히기를 수행할 수 있지만, 복잡한 타입 관련 함수는 잘 모릅니다.

ReactJS

React Hook들의 작동 결과를 알고 있고, 컴포넌트 단위 개발에 익숙합니다. React 역시 이론적인 내용에 약하다고 생각해 공식문서와 블로그 글 등을 통해 공부중입니다.

TailwindCSS

대표적인 Utility-First CSS로, 축약된 이름의 class를 추가하는 것만으로 css속성을 적용할 수 있습니다. 초기 개발 속도를 높혀주기 때문에 개인적으로 매우 선호하는 라이브러리입니다.

Styled Components

React에서 사용 가능한 CSS-in-JS 라이브러리입니다. 컴포넌트별로 스타일을 지정해 사용하는 방식으로 CSS 오염을 방지할 수 있습니다.

Github

git 및 github를 사용할 때 중요한 명령어를 숙지하고 있습니다. 협업 컨벤션에 관심을 가지고 좋은 커밋 메시지를 작성하려 노력합니다.

FastAPI

백엔드 API를 쉽고 빠르게 개발할 수 있고, API 문서화를 자동으로 수행해주는 장점이 있습니다. 최근 계속 사용하고 있는 Python 웹 프레임워크입니다.

Firebase

Google에서 개발한 애플리케이션 개발 플랫폼입니다. Firestore(DB)와 Firebase Cloud Message(푸시 알림) 기능을 깊게 사용해본 경험이 있습니다.

NginX

sites-available, sites-enable 폴더 내 server 블록을 관리할 수 있고, https 적용과 도메인별 웹사이트 배포, 백엔드를 위한 리버스 프록시 등을 수행할 수 있습니다.

Docker

FastAPI등으로 개발한 프로그램 등을 이미지로 빌드해 배포해서, 컨테이너로 격리된 환경에서 실행시키는 작업을 수행할 수 있습니다. 하지만 Docker Compose는 사용해본 적 없습니다.