미리보기
기본 정보
안녕하세요 3년차 프론트엔드 개발자 이종호입니다. 주로 Next.js, typescript를 이용해 개발했으며, 주 관심사는 컴포넌트를 어떻게하면 가독성이 좋으면서 중복은 적고, 관리가 용이할 수 있을까 입니다.
기술 스택
React, TypeScript, Next.js, tailwind-css, react-query, Redux, Git, Node.js, AWS, JavaScript
경력
세컨신드롬
프론트엔드 | 개발팀
2021.08. ~ 2023.11. (2년 4개월)
다락 유저화면과 어드민화면을 Next.js로 마이그레이션하는 작업을 초기부터 진행하였습니다.
어드민은 주로 antd를 이용했는데, 풍부한 컴포넌트들을 제공하면서 자세한 예시와 지속적인 업데이트가 이유입니다.
Next.js는 다양한 기능을 사용하진 않았는데, 주로 SSG와 Pages Router, Components, Layout 정도만 이용했습니다.
css는 초기부터 tailwind를 이용했습니다.
초기에는 상태관리를 위해 redux를 이용했으나 점점 상태를 관리하기 어려워짐을 느끼고
서버 상태는 react-query로 관리하고
클라이언트 상태는 useState, useContext, browser storage, queryString, redux에 적절한 경우에 저장하여 사용했습니다.
너무 많은 컴포넌트를 관통하지 않는 이상 props drilling이 redux보다 더 좋은형태라고 생각합니다.
자주 바뀌지 않는 몇몇 랜딩페이지의 경우 SSG와 LazyLoading을 이용하여 lighthouse 점수를 60 -> 96점으로 만들었습니다.
그 외 저희는 배포를 https://github.com/serverless-nextjs/serverless-next.js 으로 하였는데
그 때문에 AWS S3, CloudFront, Route53를 조금 사용할 수 있습니다.
교육
위코드
사설 교육
2021.03. ~ 2021.06. | 졸업
성공회대학교
대학교(학사) | 글로컬IT학과 / (부) 소프트웨어학과
2014.03. ~ 2021.02. | 졸업
대외활동
2019 구로구 창업경진대회
학교팀
학교생활할 때, 구로구 창업경진대회에 나가 대상을 탔습니다.
총 4명의 학우가 같이했고, 저는 백엔드를 담당했습니다.
자격증
정보처리기사
한국산업인력공단
2021.02.
자기소개
안녕하세요 저는 3년차 프론트엔드 개발자 이종호입니다.
- 주로 Next.js, typescript를 이용해 PC 및 모바일 UI를 제작했습니다.
- 대학교에서 백엔드에 대한 기초지식을 배워 협업하는데 어려움이 적습니다.
- 저의 현재 관심사는 보기쉬운 컴포넌트 구조이며, UI, 상태, API 통신 부분은 어떻게 분리하고 사용하는지 입니다.
기술스택
- React, Next.js, react-query, tailwindcss, redux
- AWS S3, CloudFront, Route53
- Git, Jira
- Node.js, MySQL