최종프로젝트18 [TIL] 내일배움캠프 React 과정 2023.03.13_최종 발표회 및 수료식 최종 발표회와 함께 내일배움캠프 React 트랙이 마무리되었다. 앞으로 취업 지원 기간이 남아있긴 하지만 동기들과 함께 배우면서 코드 짜는 게 재밌었기 때문에 아쉽기도 하다~ 최종 발표회 저녁 7시부터 2시간 동안 진행된 최종 발표회. 협력사에서는 오신 경우는 거의 못 봤고 주로 내배캠이나 항해99 선배님들이 부스에 방문해서 프로젝트에 대한 질문을 해주셨다. 현업에서 일하는 방식이나 이력서 작성 방법 등 유익한 얘기를 많이 해주셔서 즐거운 시간이었다! 혹시 나도 나중에는 저렇게 현업에서 일하면서 후배들에게 멋있게 조언을 해줄 수 있는 위치가 될 수 있을까 잠시 상상을 해보기도 했다 ㅋㅋ 근데 기술적 질문에 대해 답을 한다는 게 정말 쉬운 일이 아니라는 걸 느꼈다. 오늘은 프로젝트 준비하느라 준비가 너무 .. 2023. 3. 14. [TIL] 내일배움캠프 React 과정 2023.03.11 setState를 props로 넘길 때 type 지정하기 해당 setState에 마우스를 올리면 타입이 뜬다. 이걸 복사해서 type 값으로 넣어주면 된다. interface를 하나 만들어서 setState에 복사한 내용을 넣는다. 그리고 Dispatch와 SetStateAction은 따로 import를 해주어야 한다. 그리고 props에 이 interface를 이용해서 타입 지정을 한다. 회고 typescript any 제거 프로젝트🫠 102개에서 겨우 88개로 줄였다..... 오전에 분양모음집 확인하는데 갑자기 아파트 매매 실거래가 불러오는 API가 404가 떠서 심장이 철렁했다. 나 분명히 아무것도 안 건드렸는데 뭐지...? 하다가 다행히 국토교통부에서 점검(?)으로 인해 API 제공이 중단될 수 .. 2023. 3. 11. [TIL] 내일배움캠프 React 과정 2023.03.10 그동안 최종 발표를 준비하면서 정신이 없어서 TIL을 올리지 못했다.🥹 그래서 며칠간의 최종프로젝트 업데이트 사항을 기록하려고 한다! [내일배움캠프] 4기 React 최종 발표회 브로셔 제출 협력사에게 전송되는 브로셔를 제작해서 제출했다. 분양모음집은 B반 7조에 위치해 있음! 브로셔 보면서 다른 조들 결과물도 구경했는데 다들 너무 고생한 거 같고 멋진 결과물을 만들어 낸 거 같다~~ 최종 발표회 브로셔 링크 https://teamsparta.notion.site/4-React-a7747b99fec74a3993086cc0b1460460 관리자 페이지 업데이트 기존에는 관리자 페이지에 DB 업데이트 버튼 3개만 있었는데 발표를 준비하면서 관리자 페이지를 더욱 발전시켰으면 좋겠다는 의견에 따라 DB 업데이트.. 2023. 3. 11. [TIL] 내일배움캠프 React 과정 2023.03.06 Today I Learned CSS 작업 마무리 Vercel deploy 중 npm error 발생 integrity checksum failed when using sha512: wanted sha512.... 해당 에러가 vercel build 단계에 자꾸 발생하는데 블로그에서 알려주는 npm 캐시를 청소하는 방법으로 해결했다. npm cache verify npm cache clean --force rm -rf package-lock.json npm install 참고 https://bonita-sy.tistory.com/entry/npm-install-시-npm-ERR-code-EINTEGRITY-에러-해결-방법 좌우 스크롤 생기는 문제 해결하기 width와 height를 100vw, 100vh로.. 2023. 3. 7. [TIL] 내일배움캠프 React 과정 2023.03.04 Today I Learned lighthouse로 성능 개선하기 마이페이지 CSS 수정 styled-components 페이지에 따라 조건부 스타일링하기 관심 카테고리 설정을 할 때 같은 컴포넌트를 재사용하고 있는데 어떤 페이지에서 사용하는지에 따라 스타일링을 다르게 주고 싶었다. 회원가입 페이지의 경우에는 해당 컴포넌트 container의 padding과 box-shadow 값을 없애고 싶었다. 어떻게 할까 고민하다가 router 정보를 props로 전달하고 삼항연산자로 처리하는 방식으로 해결했다. const router = useRouter(); ... 일단 컴포넌트 내에서 Next.js에서 제공하는 useRouter의 pathname 정보를 해당 styled-components에 props로 전달한.. 2023. 3. 5. [TIL] 내일배움캠프 React 과정 2023.03.03 Today I Learned 로그인 모달, 회원가입 페이지, 마이 페이지 CSS 작업 input 태그 A component is changing a controlled input to be uncontrolled. 에러 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. 이 에러는 .. 2023. 3. 4. [TIL] 내일배움캠프 React 과정 2023.03.01 Today I Learned 아파트 매매 실거래가 데이터 예외 처리 아파트 매매 실거래가 데이터 필터링해서 표 만들기 table 태그로 표 만들기 API로 불러온 아파트 매매 실거래가 데이터를 필터링해서 표로 만들었다. table 태그는 처음 써보는 거였는데 생각보다 어렵지 않았다! : 표를 생성하는 가장 상위 태그 : 표의 제목을 나타내는 태그 : 행을 나타내는 태그 : 열을 나타내는 태그 이렇게 4개의 태그로 표를 만들 수 있다. Warning: validateDOMNesting(...): cannot appear as a child of . Add a , or to your code to match the DOM tree generated by the browser. 그리고 콘솔에 워닝 메시지가 떠.. 2023. 3. 1. [TIL] 내일배움캠프 React 과정 2023.02.28 Today I Learned 10시 고객 피드백 관련 발제 2시 디자인 회의 4시 원장님과 취업 상담 아파트 매매 실거래가 API 분석 및 기능 구현 아파트매매 실거래 상세 자료 API 분석하기 개발일지 노션 링크 https://fanatical-marigold-762.notion.site/API-a5d47e7734554e34918701f35625dc61 회고 추가 기능으로 아파트 매매 실거래가 API 가져오는 기능을 맡게 됐다. API를 가져와서 분석 후 필터링하는 것은 처음이기 때문에 굉장히 설렌다! (+ 약간의 두려움..?) 2023. 3. 1. [TIL] 내일배움캠프 React 과정 2023.02.27 Today I Learned 관리자 페이지 DB 업데이트 로직 수정하기 관리자 페이지 DB 업데이트 로직 수정하기 기존에는 firestore의 DB를 새로 들어온 분양 정보로 전부 교체하는 방식이었는데 이렇게 할 경우 기존에 직접 추가한 좌표나 이미지 데이터까지 삭제되기 때문에 기존 데이터는 유지하면서 새로 들어온 분양 공고 데이터만 넣어주는 방식으로 수정하기로 했다. 일단은 임시로 생성한 데이터로 테스트해서 구현했는데 실제로 새로운 분양 데이터가 들어왔을 때도 정상적으로 작동할지는 지켜봐야 할 거 같다! 관리자 페이지 데이터 업데이트 방식 변경 개발일지 노션 링크 https://citrine-camel-d7e.notion.site/da4b38aa288b4dd6a6396504d1b620e9 TTV & T.. 2023. 2. 27. [TIL] 내일배움캠프 React 과정 2023.02.24 Today I Learned 중간발표 진행 중간발표 회고록 작성 및 향후 계획 수립 중간발표 자료 https://slime-egret-f03.notion.site/6a0d85cd0dce4bde8f5a88a65bd3fdf6 3주차 회고록 (기술 멘토링 노트) https://brazen-polish-13e.notion.site/3-80b2653686974c9396cd5c7f96f9a74c 회고 중간발표가 드디어 끝났다!! 다른 팀들의 결과물도 확인할 수 있는 자리라 기대했었는데 다들 너무 완성도 있게 구현해서 놀랐다. 다른 팀들 발표랑 피드백도 들으면서 궁금한 키워드들을 몇 개 적어놨는데 주말 동안 한번 검색해 봐야겠다 ㅋㅋ 어제 발표 끝나자마자 회고록 작성하면서 우리 팀이 추가적으로 구현할 리스트들을 정리.. 2023. 2. 25. 이전 1 2 다음
