본문 바로가기

전체 글121

TIL 78일차 (2023-09-04) (중간 발표)피드백의 날 1. 프로젝트 피드백 듣기 2. CS 공부 3. 최적화에 대한 이론 듣기 4. 기능 구현 방식 고치는 법 [면접 질문] GET, POST의 개념과 함께 데이터 흐름에 대해서 설명해주세요. 대답: GET은 가져온다는 개념이며 POST는 데이터를 추가한다는 개념 입니다. GET은 데이터를 URL에 포함해 가지고 오기 때문에 보안에 취약합니다. POST는 데이터를 요청을 HTTP 본문에 포함하여 양식을 사용자가 작성후 서버에 전송하며 서버에서는 해당 데이터를처리해 반환합니다. [최적화] 최적화라고 하는 것은 로딩 속도를 빠르게 한다. 렌더링 속도를 빠르게 한다를 정의하는 말 최적화를 할때 리팩토링을 하는 이유는 렌더링 최적화와 코드 가독성을 높이는 것 때문이다. 바닐라스크립트를 리액트로 바꾸는 것은 랜더링 최.. 2023. 9. 4.
WIL 15주차 (2023-09-03) 중간 발표에 대한 및 작업 주차 이번 주 이룬 것들 1. 클러스터 기능 + 클러스터 캐싱 제거 + 클러스터 클릭 시 조그만한 클라스터로 변경 2. SearchBox API 변경 3. SearchList, LikeList 무한 스크롤 + setTimeOut를 사용해 무한 스크롤 기능 작업 4. 비 회원 글 확인 시 Blur 처리 5. 코드 리펙토링 및 버그 수정 6. 디자인 회의 및 작업들 1. 일주일 동안 가장 인상 깊었던 배움 라이브러리 들 다양한 조사를 한 경험들이 진짜 도움이 많이 되었다. 2. 배움까지 다가가는데 어떤 어려움이 있었지? 최신 작업들이 없는 작업들이라 타입스크립트 적용 안되는 작업들이 많았으며 API 문서를 읽어도 번역해도 이해가 안되는 단어들이라 너무 어려웠다.. 3. 과정에서 나는 무엇을 깨달았고, 어떤 감정/.. 2023. 9. 3.
TIL 78일차 (2023-09-01) 중간 발표 제출의 날 1. CLUSTER 기능 추가 2. PPT 정리 3. 로딩창 만들기 4. 시연 연습 [면접 질문] GET, POST 방식의 차이점에 대해서 설명해주세요. 대답: 서버의 리소스에 대한 사용방식의 차이와 Body의 유무에 대한 차이가 있습니다. 서버의 리소스는 GET은 데이터를 요청할 때, POST는 새로 생성하거나 업데이트할 때 사용합니다. Body의 유무에 대한 차이로는 Get은 URL 파라미터에 요청하는 데이터를 담아 보내고. POST는 BODY에 데이터를 담아 보냅니다. [기술적 의사결정] 핵심으로 사용한 MapBox 선택 이유 대체로 사용한 라이브러리 및 프레임 워크 이유 [서비스 아키텍쳐] 2023. 9. 3.
TIL 77일차 (2023-08-31) 리팩토링의 날 1. refactor. post Mutation, return문 2. Globe 파일 함수 정리 3. Globe 파일 없을 때 아무것도 안 띄우기 적용 4. Globe Cluster cluster 클릭 시 그쪽으로 이동 5. Globe Cluster 에러 수정 6. SearchList return문 파일 정리 7. Figma Cluster로 이미지 변경 8. myData 관련 수정, 삭제시 즉시 반영 9. LikeList className -> ref로 변경 [면접 질문] 브라우저의 작동방식에 대해서 설명해주세요 대답: 사용자가 URL을 입력하면 브라우저는 서버에 HTTP 요청을 보내고 데이터를 수신합니다. 받은 HTML, CSS는 파싱되어 DOM과 CSSOM 트리를 생성해 렌더 트리로 병합됩니다. 렌더.. 2023. 8. 31.