#유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #react #리액트프로젝트 #프론트엔드개발자양성과정 #개발자교육과정5 [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 프로젝트 3주 차 후기 어느덧 프로젝트 캠프도 3주 차에 접어들었습니다. 이번 주 동안 진행한 작업은 거의 퍼블리싱이었습니다.여러 페이지들을 만들어 보면서 제가 퍼블리싱에 시간이 많이 소요된다는 사실을 알았고 그동안 css에 소홀했다는 생각을 하게 되었습니다.과정이 끝나면 다시 기초부터 공부를 해보려고 합니다.퍼블리싱이 끝나면 데이터와 관련된 기능을 구현해야 합니다.백엔드가 주어지지 않은 프론트엔드 프로젝트이다 보니 백엔드나 데이터가 필요한 부분은 모두 알아서 구현해야 했습니다.Mocking을 통한 구현, Next.js의 백엔드 기능을 활용한 api 제작, prisma를 활용한 db와의 직접 연결, faker.js를 사용한 더미 데이터 등 여러가지 방법을 사용해 보았습니다. 3주 차에는 최종 발표 팀을 정하는 중간발표가 있었습.. 2024. 10. 30. [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 프로젝트 2주 차 후기 프로젝트 기간 2주 차에는 1주 차에서 진행하던 똑똑한개발자의 온보딩 프로그램을 진행하면서 프로젝트의 기본적인 컴포넌트들을 제작해 보았습니다. 원래는 create-next-app 을 통해 생성한 Next.js의 기본 보일러 플레이트를 사용해 프로젝트를 진행했으나 실제 회사에 취업하게 되면 레거시에서 시작하는 경우가 많으니 프로젝트를 시작할 때 똑똑한개발자의 템플릿을 관리하는 tokit CLI를 사용하는 것을 권장한다는 똑똑한개발자 대표님의 말씀을 듣고 똑똑한개발자의 템플릿으로 코드를 이동하게 되었습니다. 미리 제작되어 있는 템플릿에는 많은 기능들이 들어가 있었습니다.token을 기반으로 chakra-ui와 자동으로 연동하는 코드들과 똑똑한개발자에서 제작한 여러 편의성 라이브러리들, 추가적으로 사용하는.. 2024. 10. 22. [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 프로젝트 1주 차 후기 2주간의 사전직무 교육 기간이 끝나고 프로젝트 기간이 되었습니다.1주 차에는 똑똑한개발자의 프론트엔드 온보딩 프로그램을 따라가보게 되었습니다.온보딩 과정은 과제로 이루어져 있었는데 개념에 대한 학습보다는 똑똑한개발자라는 회사의 업무에 적응하기 위한 과정이었습니다.똑똑한개발자의 코드 컨벤션부터 시작하여 Tokit을 통한 세팅, Tokript를 통한 스크립트 사용, Toktoken을 통한 테마 적용 등 똑똑한개발자의 개발자분들이 만들어둔 여러 라이브러리들과 툴들을 사용해 볼 수 있는 좋은 경험이었습니다. 실제 개발에 사용된 figma 파일을 이용해서 퍼블리싱도 진행해 보았습니다.이러한 과정을 통해 실제 현업의 업무 프로세스를 따라 개발을 진행해 보는 것은 즐거운 경험이었습니다. 본 후기는 본 후기는 .. 2024. 10. 13. [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 사전직무교육 2주 차 후기 이전 글에 이어서 이번 글도 제가 이번 과정에서 배운 부분 중 나중에 돌아봐도 좋은 부분에 대해 정리해 보겠습니다. useState의 폼 상태 관리여러 개의 useState로 코드가 지저분해진다면useState로 폼의 여러 상태를 한 번에 관리할 수 있습니다.input의 name은 useState에 전달한 객체의 키 이름이어야 합니다.value는 formState.email과 같은 형식으로 지정합니다.onChange 함수는 하나로 통일이 가능합니다.예시 :import { useState } from "react";function Ex1() { const [formState, setFormState] = useState({ name: "", email: "", password: "", .. 2024. 10. 6. 이전 1 2 다음
