본문 바로가기

전체 글335

22.12.24_TIL 📗 오늘 한 일 NextJS 강의 API Route? NextJS의 장점 중 하나인 API Route 기능을 통해 API endpoint를 클라이언트 코드와 함께 작성할 수 있다. 엔드포인트를 사용해 REST API와 같은 API를 NextJS 앱에 포함함으로써 endpoint를 통해 여러 가지 HTTP 요청을 받을 수 있게 해주는 역할을 한다. pages 폴더 내에 api 폴더를 생성한다. api 폴더 내에 있는 파일은 React 컴포넌트로 내보내지 않는다. 웹 페이지에 방문한 사람들에게는 보이지 않는다. getStaticProps, getServerSideProps와 같다. SSR Route ✍ Diary NextJS에서 사용하는 API Route에 대해서 간단하게 학습했다. 앞으로 Next를 사용해.. 2022. 12. 24.
[원티드 프리온보딩 프론트엔드 인턴십 8기] Week 1-2 & 주간회고 ✍ 회고 오늘은 배포 자동화에 대해서 세션을 진행해주셨다. AWS S3를 항상 build 파일을 생성하여 수동적으로 올려줬었고, 이전에 진행했던 프로젝트에서도 적용해보려 했지만 실패했다. (FE / BE가 같은 레포를 써서 그럴수도 있다고 생각은 든다.) Github -> Github Actions -> AWS S3를 사용해서 배포를 진행하는 과정을 세션에서 직접해주셨고, 라이브 세션이 끝나고 개인적으로 진행을 해봤는데 잘 됐다. vercel, netlify 등 배포 자동화를 진행해주는 과정이 어떻게 되는지 정확히 알 수 있는 날이었다. 팀 과제 주간 회고 화 ~ 금요일까지 진행한 팀 과제 회고 (제출링크) 처음엔 어떻게 하는지 많은 고민을 했지만 팀장님이 잘 이끌어 주셔서 꽤 만족할 만한 결과가 나왔다.. 2022. 12. 23.
22.12.23_TIL 📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 1주차 과제 제출 전 최종 버그 수정 및 배포 점검 (제출 링크) 온 프레미스와 클라우드, AWS, AWS S3 온 프레미스는 내가 관리할 수 있는 컴퓨터에 저장하기 때문에 클라우드를 사용한 방식보다 보안성이 좋다. S3 - 정적 웹 사이트 CRA CI/CD Github Actions Deploy error 401 unauthorized - 인증 오류 403 Forbidden - 접근 거부 404 Not Found - 경로, 파일 없음 Github → Github Actions → AWS S3 배포자동화 실시 React Test Code 맛보기 VSCode git 되돌리기 오류 (한글경로 오류) VSCode에서 파일의 변화가 일어나면 GUI를 사용한 gi.. 2022. 12. 23.
22.12.22_TIL 📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (8기 11팀) 로그인/회원가입 페이지 Best Practice 기능 구현 VSCode Live Share, Discord 화면공유를 통해 진행 이력서 수정 다양한 이력서를 보며 간소화 및 자기소개 수정 이력서에 제출한 프로젝트 README 수정 팀원 구성 및 깃 컨벤션 수정 시연영상 gif 첨부 ✍ Diary 어제 선정한 Best Practice를 기반으로 다시 팀 레포지토리에 작업하는 일을 시작했다. TypeScript, React를 사용해 진행했으며, 페어프로그래밍 방식으로 라이브코딩을 하며 진행했다. 원티드 과정을 같이 하면서 이력서를 제출했었을 때, 이력서가 통과가 잘 되지 않아서 다양한 이력서를 보며 나의 문제점이 무엇인가 찾아보며 수정을 진행.. 2022. 12. 23.
22.12.21_TIL 📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (8기 11팀) Best Practice 선정을 위한 각자 코드 발표 깃헙 레포지토리 생성 및 프리티어, 린트설정 각자가 생각하는 팀원 Best Practice 선정 내가 제출한 사전과제 오류 발견 회원가입 후 로그인 탭으로 넘어가지지 않는 버그 발생 Netlify로 배포한 페이지에서 리다이렉팅 시 에러 발생 public폴더 내 _redirects 파일 생성 파일 내용 : /* /index.html 200 리다이렉트시 index.html 참고한다는 뜻 참고자료: https://soso-cod3v.tistory.com/142 API 호출 실패에 따른 Error 메시지 추가할 것. 이력서 수정 ✍ Diary 각자 선정해온 자신의 좋았던, 어려웠던 부분에 대해.. 2022. 12. 23.
22.12.20_TIL 📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (14:00 ~ 17:30) Git & Github, Git hook ESLint, Prettier, husky 1주차 멘토 과제팀 구성 (8기 / 11팀 - 8명) 사전 과제 Best Practice 코드 선정 후 1개의 레포지토리로 제출 Github 그룹 생성 → Repository 생성 ESLint, Prettier, husky 설정 Git 컨벤션 규칙 선정 다음 회의까지 자신이 생각하는 좋았던 코드 및 어려웠던 부분 설명 준비 내가 제출한 사전과제 리팩토링 진행 Record-Color (팀 프로젝트) Github 그룹 생성 → Repository 생성 ✍ Diary 팀 프로젝트가 아닌 개인으로 만든 프로젝트에서 Best Practice를 선정하여 .. 2022. 12. 23.

티스토리툴바