🥇 Proficient

특별한 도움 없이, 업무 수행이 가능한 기술

HTML

HTML을 이용해 웹페이지를 만들고 구조를 짤 수 있습니다.

CSS

요청에 맞게 페이지 구조를 잡을 수 있고, 꾸미거나 애니메이션을 적용해 인터렉티브 한 페이지를 만들 수 있습니다.

JavaScript

데이터의 가공과 DOM을 제어할 수 있으며, 이벤트또는 동적인 처리를 할 수 있습니다.

NextJS

React의 프레임워크인 Next.JS를 사용하여, SSR을 이용한 웹페이지 개발을 할 수 있습니다. 그 외 페이지 기반 라우팅 등등 저에게 가장 익숙한 방식입니다.

React/React-Hooks

Hooks를 사용하여 개발 할 수 있습니다. 또한 Custom-Hook를 만들어서 복잡하고 반복되는 로직은 재사용 가능하게 개발하는 것을 지향합니다.

Recoil

Recoil을 이용하여, 전역 State를 관리 할 수 있습니다. 따라서 Props drilling 없이, State를 불러오거나 수정 할 수 있습니다.

Emotion

CSS-in-JS를 사용하여 JavaScript 코드 내에서 CSS를 다룰 수 있고, 컴포넌트에 Props Data를 전달하여 스타일을 동적으로 변경 할 수 있습니다.

🥈 Demonstrating

능숙하진 않으나, 기본적인 업무 수행이 가능한 기술

TypeScript

타입스크립트는 코드에 목적을 명시할수 있다는 점에서 매우 관심이 가는 기술스택입니다. 현재 웹사이트도 최근에 타입스크립트를 적용하였습니다.

VueJS

VueJS의 특징인 Template, Data, Style 구조를 이해하고 있으며, React와는 다르게 emit을 이용하여 자식컴포넌트에서 부모컴포넌트르 이벤트를 전달 할 수 있습니다.

Firebase

Firebase를 사용하여, 간단한 웹사이트를 구축해 데이터를 저장하는 것에 사용할 수 있습니다. 현재 페이지도 Firebase를 사용하여 데이터를 관리하고 있습니다.

JQuery

JQuery를 사용하여 DOM을 조작하거나, 동적으로 CSS를 꾸밀 수 있습니다.

REST API & Axios

Axios를 이용해 REST API를 호출하여, 비동기 통신을 할 수 있습니다.

🥉 ETC

개발 관련 프로그램이나, 사용 경험이 있는 기술 및 서비스

ReactQuery

현재 웹사이트의 방문로그 페이지를 ReactQuery를 적용한 경험을 했으며, 탭간 이동이나 데이터의 변화가 있으면, 자동으로 Re Fetch 되게 되어있습니다.

Redux & Redux Toolkit

Vanilla JS에서 Redux 사용부터, React에서 예전에 사용하던 방식인 mapStateToProps 함수를 사용한 방법, Redux Toolkit까지 사용해보면서 발전 과정을 공부했습니다. 또한 Local Storage를 이용한 Redux Persist를 사용하여 새로고침 이후에도 상태를 유지시킨 경험이 있습니다.

Socket.io

Socket.io를 사용하여 실시간 채팅을 만든 경험이 있습니다.