본격 최강 주니어 프론트 앤드 프로젝트

오늘은 getStaticProps와 Paths를 사용하여 일부 아이템을 정적으로 표현해봤다. paths: [ { params: { id: "740" } }, { params: { id: "730" } }, { params: { id: "729" } }, ] 보던 강의랑 코드를 비교해봐도 다른 점을 찾을 수 없었어서 같이...

Next JS - Link 공부 중 의문 점이 생겼다. 개발 환경과 href , as가 어떤식으로 연관되어 실행되는지 ? PRODUCTION : as빼도 잘 동작함 href를 통해서 id값이 잘 들어가서 잘 받아옴 DEVELOPMENT : as없이 실행 - 오류: 제공된 'href'(/detail/[id]) 값에 올바르게 보간할 쿼리값(id)이 없습...

최강 주니어 프론트 앤드 개발자 준비 여기다가 common button , input에 들어갈 속성들을 만들어보고 그 컴포넌트들을 최근 진행한 화장품 api 받아온 파일에서 적용도 시켜봤다. 처음 적용해보는거라서 어색한 부분도 있었다. 공통적인 속성이 들어간 컴포넌트의 버튼과 인풋을 만드는거여서 확실하게 사용할 것들만 만들어봤고, 아직 벨리데이션...

오늘은 Axios를 통해 받아온 데이터의 타입과 구조를 파악한 뒤에 화면에 일정량 보여주려고 한다. 포켓몬 도감이라하면 이미지까지 다 보여주고 싶었지만 내가 받아온 포켓 api에는 이미지까지 나오진 않았다. url의 그 많은 데이터 내용들이 그 포켓몬 하나의 상세 데이터가 되는줄은 꿈에도 몰랐다. > const PokeApi = () => { ...

오늘은 어제 있었던 미팅 시간에 형이 고쳐준 코드들을 하나하나 보면서 분석해봤다. 당장 창작이 안되는건 당연하고, 구조가 갖춰져있는 코드를 분석하는게 도움이 많이 될거란 얘기를 듣고 당장 분석에 들어갔다. 물론 그 전에 한번 짚어주는 시간을 가져서 내 스스로 혼자 한다는데에 의미를 뒀다. src파일 밑에서 생성되는 파일 , 그 파일의 구조를 파악하...

오늘은 포켓몬 상세 페이지를 구현하는게 목표였다. 여느 때와 다름없이 생각지도 못한 부분에서 막혀서 무려 3시간을 잡아먹었다. Axios 를 사용해서 api를 받아와 데이터 구조를 파악하는것은 최근에 익숙해진 부분이다. 데이터 타입을 파악해서 모델링하고 내 코드에 적용시키는 것도 낯선 부분이지 어려운 영역이 아니라는 걸 이젠 안다. > 이번에 내가...

하루 밀린 개발 일지를 작성해보려한다.. 7일차엔 상세 데이터를 화면에 뽑아내는 걸 성공했다. 데이터 구조를 다 긁어오질 않아서 글만 보고는 조금 이해가 힘들 수 있다. 여튼 새로운 고민이 생겼다. 코딩을 하면서 나에게 미적 감각이 부족하다는걸 확실하게 깨달았다. css를 적용해 화면에 예쁘게 보여주는걸 상당히 힘들어한다. > 가장 중요한건 낯설...

오늘 한 일 : 포켓몬 도감 / 상세 페이지 tailwind 사용까지 해서 구현 끝 TDD 가 뭔지의 대한 개념 , CI/CD 가 뭔지 ? > TDD : 테스트 주도 개발 (개발 전에 테스트 코드를 먼저 작성하는 개발 방식 ) 테스트 코드를 먼저 작성하려면 요구 사항을 분석한 뒤 이해하고 설계를 해야한다. > TDD 했을 때의 장점 : 모든 요구 사항...