본문 바로가기

프론트엔드3

스타트업 기술 면접 후기 (프론트엔드) 인생 처음으로 스타트업에 방문하여 기술면접을 봤습니다. 일주일 정도 면접 문항을 준비하고, 예상 질문에 대해서 연습을 했었습니다. 면접 과정 최근에 원티드를 참고했을 때, 직원 수 대비 2개월 사이에 3분의 1이 퇴사를 했었습니다. 그래서 채용공고가 많이 올라와 있었으나, 스타트업 특성상 대부분 경력직을 뽑고 있었습니다. 하지만 저는 이 회사에 꼭 가고 싶은 마음이 있었기 때문에 자격요건을 무시하고 지원한 후, 따로 대표님의 이메일을 수소문해서 따로 저의 장문의 편지(?)와 이력서를 보냈습니다. 다행히도 저는 프론트엔드 개발자이지만 건축학과를 나와서 건축도메인이 있기 때문에 지원한 해당 스타트업이 서비스하는 산업이 건축설계 분야라 경력을 커버할 수 있는 지식과 열정을 저에게 기대하셔서 서류합격 후에 면접.. 2023. 8. 2.
서울 열린데이터광장 공공데이터 활용 웹 개발 - 4주차 정리 한 일 추천 시스템 초기 버전 캡슐화 진행 시작 검색 기능 및 UI 추가 유저 정보 받기 위한 폼 UI 제작 랜딩 페이지 초안 제작 휴대폰으로 UI 테스트 앞으로 할 일 쿠키에 JWT를 활용하여 비식별화된 유저 정보 담기 추천시스템 구현, fastapi로 데이터 응답하기 성공하기 필터링 기능 추가 구현 느낀점 필터링 기능을 UI로 구현하던 중에, RTK로 만든 search State가 filter State와 애매하게 분리된 부분이 있었습니다. search State에선 localstorage로 검색 기록을 저장 및 불러오는 과정이 있어서 분리를 해주는 것이 맞았으나, 단순하게 search 라고 파일명과 state명을 정한 것이 후에 유지보수에 좋지 않은 부분을 깨닫게 되었습니다. react-hook-f.. 2023. 5. 14.
nextjs typescript, tailwindcss의 eslint, prettier 설정 정리 글을 적는 계기 프론트엔드를 혼자할 때는 신경쓸 필요 없던 eslint, prettier 규칙이 협업을 하면서 환경설정이 서로 다르다보니 불필요한 변경사항이 생기는 문제가 있었습니다. 그래서 파일 기반으로 규칙을 정의하여 문제가 없도록 했습니다. .prettierrc.js module.exports = { printWidth: 80, semi: true, singleQuote: false, tabWidth: 2, useTabs: false, bracketSpacing: true, plugins: [require("prettier-plugin-tailwindcss")], }; .eslintrc.json { "env": { "browser": true, "es2021": true }, "extends": [.. 2023. 5. 8.

티스토리툴바