프론트엔드

프로젝트 돌아보기 프로젝트를 시작해보자 취업 준비 과정에서 하고 싶은 것이 하나 생겼다. '프로젝트 돌아보기' 프로젝트. 오늘 운 좋게 커피챗을 통해 모두가 선망하는 기업 중 한 곳에 재직중인 프론트 개발자분께 이력서 & 포트폴리오 피드백을 받았다. (전 직장동료이자 나의 멋진 친구 덕분! 고맙습니다💖) 이제까지 받았던 이력서 피드백 중에 가장 도움이 되는 내용이었고, 결론적으로 이력서&포트폴리오를 수정할 필요가 있겠다는 생각이 들었다. 이력서와 포트폴리오 대공사와 함께 연계된 부분으로써 꼭 해야겠다고 생각이 든 부분이 '프로젝트 돌아보기'이다. 내가 스스로 이력서를 보면서도 계속 든 생각은 'one of them' 같다는 아쉬움이었다. 어떻게 하면 수많은 FE 취준생 중에 '나'를 궁금하게 만들 수 있..

6개월간의 코드잇 스프린트 프론트엔드 부트캠프 1기가 끝났다. 지난주 토요일에 수료식을 해서 아직 정리할 것들이 많고 프로젝트 회고도 정리해야 하지만 간단히 그간의 과정을 짧게 정리해보려고 한다. 먼저 주차별 커리큘럼을 정리해보았다. 웹퍼블리싱 / HTML / CSS CSS / Unix / Git 웹퍼블리싱 / 자바스크립트 인터랙티브 자바스크립트 모던 자바스크립트 자바스크립트 웹 개발 기본기 리액트 기초 리액트 / Styled-Components CSS / 웹 개발 / 리액트 1차 프로젝트(2주) 리액트 / 타입스크립트 Next.js Next.js API 만들기 유저 기능 원리 2차 프로젝트(3주) AWS로 Next.js 배포하기 GA / GTM / TanStack React-Query TanStack ..

마지막 프로젝트는 백엔드 개발자 2분, 디자이너 1분과의 협업 프로젝트였다. 서비스도 직접 제로베이스에서 논의하고 기획하여 만들어서 정말 애정이 많이 가는 프로젝트였고 6주의 프로젝트 기간이 끝난 후인 지금은 또 이어서 팀원들과 서비스 고도화를 진행하고 있다. 🐾 어떤 서비스? 팀원들 중 반려동물을 키우는 분들도 있고, 반려동물 시장에 관심이 많은 사람들이 대부분이라 비교적 주제는 쉽게 정할 수 있었다. 먼저 기존 펫 서비스 시장의 아쉬운 점들을 분석했고 이를 해소해줄 서비스를 기획하게 되었다. 그렇게 고안해낸 서비스는 바로, 가족 및 친구들과 공동으로 기록할 수 있는 반려동물 육아일기 & 건강수첩 기록 서비스이다. 초반 6주 기간의 MVP 구현 범위 내에는 SNS 기능이 없지만, 현재 추가 기능 고도화..

시간이 참 빠르다. 벌써 두 번째 팀 프로젝트가 마무리 된게 1월 첫 째주였는데, 지금은 세 번째 팀 프로젝트 진행 중이고 벌써 1월이 다 끝나간다. 두 번째 프로젝트는 2주였던 첫 프로젝트에 비해 기간이 조금 더 긴 3주 정도의 프로젝트였고, 기존 기획안을 그대로 구현하기 보다 우리 팀 나름의 스타일과 유저 프렌들리한 접근 방식으로 변형했던 부분이 많아 생각보다 빠듯하게 완성시킨 프로젝트였다. 그만큼 애정도 높게 개발했고 만족도 높게 진행했던 것 같다. 🤓 어떤 서비스? 원래 주어진 기획안은 Taskify 라는 이름의 서비스였다. 트렐로나 노션의 칸반보드 같은 기능 중심의 할 일 관리 서비스이다. 대시보드를 만들어서 대시보드 구성원을 초대해 관리하고, 대시보드 내에서 할 일을 카드로 만들어 TO DO,..

리액트 쿼리? 리액트 쿼리는 리액트 애플리케이션에서 비동기 상태를 관리하는 라이브러리이다. TanStack이라는 프로젝트에서 만들어진 오픈소스로, 강력한 비동기 상태 관리를 위한 패키지라고 스스로를 소개하고 있다. 리액트 쿼리를 사용하면 API 요청 상태를 더 간편하게 조회하고 응답 결과를 캐싱하고 에러에 대응할 수 있다. 리액트 쿼리는 데이터의 상태를 추적하고, 렌더링을 최적화하는 기능을 제공한다. 리액트 쿼리의 동기 리액트 애플리케이션을 개발하며 데이터를 가져오고 업데이트 하는 등 복잡한 상태 관리가 필요할 때가 많다. 사용자가 특정 데이터를 수정/삭제 요청을 했을때, 언제 유저의 데이터를 업데이트 해줘야 할까? 하나의 화면의 여러 컴포넌트에서 같은 API 요청이 사용되는데, 1번만 요청하고 결과를 ..

앞으로 TIL를 꾸준히 기록하면서 이를 시작으로 개발자가 되기 위한 과정을 공유해보려 한다. 어렸을 땐 실패가 두려워서 아웃풋이 명확하지 않은 상황에서 과정을 오픈하는 것에 대한 두려움이 있었지만, 어느 정도 나이가 드니 그게 정말 하나도 중요한 것이 아니었다는 걸 안다. 지금이라고 해서 그 두려움이 없진 않지만 결과에 너무 연연하지 않고 꾸준히 노력해 나가는 과정이 훨씬 중요하니까, 차근차근 조바심 내지 않고 해보자. 오늘의 TIL은 UTIL 이다. Until Today I Learned. 아직 얼마 안되긴 했지만 회사를 마무리하며 짬내어 공부해 온 개발 프론트엔드 입문용 공부 코스를 순서대로 공유해본다. 0. 드림코딩 일단 공부에 앞서서 비전공자 개발자 전향, 개발자 공부, 커리어 플래닝 관련 컨텐츠..