본문 바로가기

이모저모

 (189)
항해 99 일지 (42) - WIL06 WIL (Weekly I Learned) 이번주는 클론 코딩 과정으로 백엔드와 협업하여 진행하였다. 이번주에 내가 배운것 백엔드와의 협업 막막했던 백엔드와의 협업을 직접 해보면서 자신감이 생겼다. axios API 호출을 axios를 사용하였다. fetch를 사용하다가, 튜터님의 조언으로 axios로 전환 JWT 1주차 때 배운 JWT 방식을 사용하여 사이트의 로그인 기능을 구현 CRUD 백엔드와 지속적인 소통, 설계로 성공적으로 사이트의 CRUD를 구현할 수 있었다. 페이징 저번에는 무한 스크롤 방식을 사용했지만 이번에는 리디 셀렉트의 사이트대로 페이지네이션을 구현 백엔드와 소통하여 페이지마다 적절한 도서 목록을 출력해냄 백엔드와의 연동 백엔드는 EC2에서 서버를 구동 프론트엔드는 S3 에서 정적 웹사..
항해 99 일지 (41) 4월 10일 일자가 누락되어 지금 게시합니다 오늘은 미니 프로젝트 2일차 로고와 테마를 정하고 미리 만들어 놓았다. favicon 변환은 로고로 하려했으나 너무 깨져서 변환이 되어서 해결할 방도를 찾아야 겠다. 그 이후에는 각자 부족한 부분을 자습했다. 나는 웹소켓 통신과 리액트 useEffect를 공부하고 있는 중이다.
항해 99 일지 (40) 아침에는 어제 완성한 클론 코딩 프로젝트의 주석을 추가하고 깃허브에 푸쉬를 한 뒤 서로의 코드를 둘러보는 시간을 가졌다. 좋은 코드들이 많아서 더 배울 수 있는 시간이었다. 그 이후에는 새로운 커리큘럼인 미니 프로젝트를 발제 후 새로운 조원분들과 만나게 되었다. 아이스브레이킹을 하고 SA 제출을 위한 회의를 한 뒤 백엔트 분들은 API 설계를, 나를 포함한 프론트 엔드 한 분은 figma로 와이어프레임을 작성하였다. 주제도 조원 한 분의 아주 기발한 아이디어로 재밌는 것을 선정할 수 있었고 매우 빠르게 프로젝트에 대한 계획을 할 수 있어 인상깊었다. 좋은 조원분들과 함께 멋진 프로젝트를 만들어낼 생각을 하니 기대가 된다!!
항해 99 일지 (39) 오늘은 어제 완성한 프로젝트의 마무리를 하였다. CSS 등을 다듬어 뷰를 깔끔하게, 반응형 디자인을 처음으로 적용해 보았다. 반응형 디자인은 지금까지 애먹었던 것과 달리 생각보다 너무 쉬웠다. 그리고 사용자의 입장에서 있으면 좋을 편의성, 사용성을 개선하였다. 페이지네이션의 오류도 고치고 ... 생각보다 내가 처음부터 끝까지 만든 코드들이라서 그런지 빨리 개선할 수 있었다. 자세한 것은 블로그의 프로젝트 카테고리로 고고... 과제를 다 끝내고 제출하니 급속도로 피곤이 몰려온다~~ 오늘은 깃 강의를 듣고 빨리 자야겠다 😴
항해 99 일지 (38) 오늘 아침에만 하더라도 수정과 삭제 기능을 만들지 못했기에 막막했지만 작업이 가속도가 붙더니 5시 정도에 모든 기능이 완성되었다!! 그 이후는 마무리로 CSS를 다듬고 오류가 있는지 여러 상황에서 테스트 해보았다. 아주 깔끔하게 잘 돌아가는 웹 페이지가 만들어져서 만족스럽다!(클론 코딩이지만 ^^;) 이제 한숨 푹 쉬고 내일은 리드미와 유튜브만 찍으면 된다!!
항해 99 일지 (37) 아직 CRUD 구현중.. Create, Read는 완성했고 Update, Delete가 남았다. 갈길이 멀구나~
항해 99 일지 (36) 오늘은 많은 진전이 있었다 로그인 기능 완료 회원가입 기능 완료 서버로부터 데이터가져와서 뷰에 적용하기 완료 페이지네이션 로컬스토리지를 이용한 로그인 유지 내일 할것 상세페이지 구현 API 연동 사용자 인증 API Axios 리뷰 기능 구현 튜터님이 멘토링이 필요없는 조인 것 같다고 극찬하셨다!! 진행 상황도 빠른편인 것 같다. 워낙 백엔드분들이 능력자들이라 API는 걱정없이 프론트에만 집중해서 수월하게 할 수 있었다!
항해 99 일지 (36) - WIL05 WIL (Weekly I Learned) 이번주는 주특기 심화 과정으로 리액트 강의를 수강 후, 프로젝트를 진행하였다. 이번주에 내가 배운것 자바스크립트 문법을 복습 변수 호이스팅 TDZ 지역 변수, 외부 변수 객체 객체 생성자 객체 리터럴 함수의 개념 함수 선언문 함수 표현식 실행 컨텍스트가 닿아야 만들어짐 프로토타입 모든 객체는 자신의 부모 객체와 연결 컴포넌트 쪼개기 리액트 프로젝트에서 폴더단위로 컴포넌트를 분류하여 작업하기 비동기 처리 콜백 Promise 비동기 연산 종료 후 결과를 알기 위해 사용하는 객체 동기 메서드처럼 async, await promise chaining 토큰 기반 인증방식 OAuth JWT 웹 저장소 쿠키 세션 로컬 스토리지 불변성 관리 객체는 const라도 데이터가 수정된..

티스토리툴바