부트캠프6 청년취업사관학교 SeSac(새싹) - AI를 활용한 IT 서비스 기획 취업 캠프 5기 지원기 (+진로고민) 진로에 대한 고찰1월에 프론트엔드 캠프(일경험)을 수료하고 나서 개발자로 본격적으로 취준을 시작했다.사실 이 프로그램을 수료하고 곧바로 취업을 할 수 있을 거란 오만한 생각이 있었다. 여기서 많은 기능들을 새롭게 개발하면서 자신감이 생겼었다. 그래서 그냥 지금 상황에서 가장 빨리 취업할 수 있는 방법은 개발자를 하는거라고 생각했다. 하지만 취업은 그렇게 쉽게 되지 않았다. 준비가 길어질 것 같은데, 내가 이 일을 정말 하고 싶은지, 또 계속해서 할 수 있을지 의구심이 들었다. 일경험 프로그램에서 나는 어떤 기능을 직접 개발하는 것보다 기능에 대한 아이디어를 내는 걸 더 좋아했다. (사실 어려운 부분의 개발은 다른 실력있는 분들이 더 많이 하셨다.) 기존 화면에서 불편한 점을 찾고 새롭게 이 화면을 어떻.. 2025. 4. 17. [유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - KT wiz 홈페이지 개선 프로젝트 1주차 회고 🍀 요약프로젝트 셋팅 역할 분담레이아웃 작업🍀 내용 프로젝트는 선착순으로 폼을 제출한 순서대로 배정되었는데, 나는 이 프로그램에 참여하기 전부터 하고 싶었던 KT wiz 홈페이지 개선 프로젝트에 배정되었다!! (수 년 간의 폼림픽으로 다져진 경험이 빛을 발하는 순간)팀원 분들도 오프라인 교육장에서 가까운 자리에 앉아서 내적 친밀감이 있던 분들과 한 팀이 되어 기뻤다.ㅎㅎ 📌 프로젝트 셋팅기술 스택Framework React + ViteLanguageTypeScriptStylingTailwind CSS, Shadcn UI, GSAPAPI / StoreAxios, ZustandProject ManagementBiome, Husky 팀원 개개인의 개발 실력을 고려해서 스택을 정했다. Next 와 Reac.. 2024. 12. 17. [유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 사전직무교육 3주차 학습 회고 🍀 What I learned this week📌 Next.js와 Supabase를 이용한 TO-DO List 개발🧷 Supabase와 연동하여 TO-DO List의 CRUD 기능 구현🧷 사용자 정보와 TO-DO List를 연동하여 로그인, 로그아웃, 프로필 수정 기능 구현 📌 Next.js와 Supabase를 이용한 TO-DO List 개발 처음에 로그인 기능을 구현하기 전에는, todos와 board 테이블 2개를 생성하여 작업했다.todos: TO-DO 목록을 관리하는 테이블boards: 각 TO-DO 당 세부 내용 보드를 관리하는 테이블 로그인을 위해 Supabase에서 제공하는 Auth.users 테이블을 사용할 수 있었다. 회원가입을 하면 자동으로 여기에 row가 추가된다. 이.. 2024. 12. 10. [유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 사전직무교육 2주차 학습 회고 🍀 What I Learned this week📌 이미지 오픈 API를 통해 이미지 정보 조회 사이트 만들기 📌 Next.js와 Supabase를 이용한 TO-DO List 개발 이번주는 총 2개의 프로젝트를 진행하면서 React와 Next, 그리고 Typescript에 대해 자세히 배울 수 있었다.일주일 만에 2개나 프로젝트를 만들어서 어려웠지만 정말 배운 점이 많았다. 📌 이미지 오픈 API를 통해 이미지 정보 조회 사이트 만들기 구현한 기능🥯 Jotai 라이브러리의 store를 이용하여 API fetch Jotai 라이브러리란 ? 중앙집중식 상태관리 라이브러리props에 대한 depth가 너무 깊어지는 걸 막기 위해 사용한다.(데이터 추적 어려움)atom (=state) : 전역에서 쓰.. 2024. 11. 25. [유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 사전직무교육 1주차 학습 회고 -(2) React 프로젝트, Typescript 개요 🍀 What I Learned this week📌 자바스크립트 문법 🧷 자바스크립트는 프로토타입 기반 언어! 🧷 배열 🧷 this의 의미 🧷 콜백함수와 비동기 함수, 에러 핸들링 🧷 클래스📌 React 프로젝트: Vite + Shadcn UI를 활용, tailwind.css 사용 🧷 오픈 날씨 API를 활용한 리액트 대시보드 만들기 🧷 이미지 오픈 API를 통해 이미지 정보 조회 사이트 만들기📌 타입스크립트 개요 📌 React 프로젝트: Vite + Shadcn UI를 활용, tailwind.css 사용 프로젝트 초기 설정을 하는 방법은 다음 포스트에 있다. ⬇️⬇️https://blog.naver.com/weartstudio/223645181841 🧷 오픈 날.. 2024. 11. 17. [유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 사전직무교육 1주차 학습 회고 -(1) 자바스크립트 문법 🍀 What I Learned this week📌 자바스크립트 문법 🧷 자바스크립트는 프로토타입 기반 언어! 🧷 배열 🧷 this의 의미 🧷 콜백함수와 비동기 함수, 에러 핸들링 🧷 클래스📌 React 프로젝트: Vite + Shadcn UI를 활용, tailwind.css 사용 🧷 오픈 날씨 API를 활용한 리액트 대시보드 만들기 🧷 이미지 오픈 API를 통해 이미지 정보 조회 사이트 만들기📌 타입스크립트 문법 📌 Javascript 문법 🧷 자바스크립트는 프로토타입 기반 언어이다.자바스크립트는 클래스라는 개념이 없다. 기존의 객체를 복사하여 새로운 객체를 생성하는 프로토타입 기반의 언어이다. [확장성]//const fruits = ["사과", "바나나", ".. 2024. 11. 17. 이전 1 다음
