깃허브 저장소여러 기업의 채용 과제에서 기출 빈도가 적지 않다는 환율 계산기를 팀 내에서 두 가지 버전으로 구현해본다.CRA 구조에서 특정 폴더 구조를 사용한 이유CSS 작성 방법 선택(styled-components) 과 그 이유 깃허브 Commit message 템
깃허브 저장소상품 등록 페이지의 뷰와 카테고리, 필터 태그, 이미지 추가 등을 구현한다.이번 과제를 통해 Category 만들기를 확실히 연습할 수 있었다.px로 컴포넌트 박스를 구현하자, 모니터 크기에 따라 박스 크기의 비율이 달라지는 현상을 발견하였다. 팀원 중 모
깃허브 저장소API로 필요한 데이터를 받아와서 툴팁을 띄우고 지우는 과제를 구현해본다.(설날 휴강 주 개인 과제)API를 통해서 사진과 가구에 대한 정보 호출각각의 가구에 해당하는 좌표에 돋보기 버튼 배치돋보기 버튼 클릭을 클릭하면 상품정보 tool tip을 출력하고
깃허브 저장소json-server를 통해 데이터를 받아오고 대쉬보드의 뷰와 필터, 토글, 메뉴바 transition 기능 등을 구현한다.이번 과제를 통해 반응형과 json-server를 확실히 연습할 수 있었다.설치 및 실행Heroku 배포
깃허브 저장소채팅창의 뷰와 사용자가 채팅창을 이용할 때 필요한 다양한 기능 사항들을 구현해본다.리덕스를 사용하여 진행한다.타입스크립트를 4번째로 사용해보았다. 리덕스가 훨씬 편해졌다. 아무리 어려워보여도 비슷한 코드를 여러 번 보다 보면 머릿속에 레이어처럼 한겹한겹 쌓
깃허브 저장소종종 볼 수 있는 메인 페이지 형태이다. 아래로 스크롤하면서 컨텐츠가 보여지는 페이지를 구성한다.gif 애니메이션에 시간차 두기, 버튼 및 무한 로테이션 슬라이드를 구현한다.프리온보딩 선발과제와 비슷한 슬라이드 컴포넌트가 포함되어 있었다. 예전 채용 과제들
영문/한글, 브랜드명/제품명을 고려하여 사용자가 원하는 영양제를 보다 쉽게 찾을 수 있도록 설계한다.검색 성능을 최적화한다.이번 과제를 하며 debounce를 적용해보았다. 검색창에 입력을 하면 입력하는 글자마다(한글은 초성, 중성, 종성 모두) 렌더링이