[ ] Mockterview 44 ~ 50 + 블로그 [x] 기술면접 필수대비 질문 50 [x] 목터뷰 면접 코칭 [ ] 목터뷰 면접 답변 정리 [x] [programmers] level1_숫자 문자열과 영단어→ 1일 1커밋 [x] 이력서 수정 ✔️ 목터뷰 면접 중 제대로 대답 못한 질문 'http와 WebSocket 차이' - HTTP 는 HTML 파일을 전송하는 프로토콜. 클라이언트의 요청이 있을 때 서버가 응답하는 단방향 통신. JSON, image, HTML 파일 등 다양한 파일을 전송 받을 수 있음. 웹브라우저 Client가 웹서버로 글(콘텐츠 위주 데이터)를 보내달라고 요청하면 서버가 전달해주고 바로 Connection 연결이 종료됨. - Socket 통신은 서버와 클라이언트 서로에게 데이털르..
✔️ 오늘 있었던 일들 - 마지막 기술 멘토링 ㅇ 추천 도서 - 공통 알고리즘 문제 해결 전략 세트 코딩 인터뷰 완전 분석 면접을 위한 CS 전공지식 노트 - 프론트엔드 리액트를 다루는 기술 Do It 모던 자바스크립트 프로그래밍의 정석 Do It 리액트 모던 웹 개발 with 타입스크립트 - 이력서 작성 및 제출 - refresh token 에러 해결 headers에 refreshtoken으로 값이 들어가고 있었다! RefreshToken이라고 해서 배포 서버에서는 안 됐었다. headers에서 Authorization이 아니라 authorization이라고 써야 했던 것과 같은 문제였다. --> 잠깐 찾아봤는데 http 헤더는 대소문자를 가리지 않는다고 한다. 배포서버는 https 보안성을 더한 프로..
정말 6주가 어떻게 갔는지 모르겠다. 시원 섭섭하다. 허망하기도 하고 후련하기도 미련이 남기도하고 정말 여러 감정이 든다. 나만 모른 닭 🐔 https://namoldak.com/ 나만 모른 닭 namoldak 내 머리에 있는 거 뭐야? 나만 몰라? 😭 ”양세찬 게임” 혹은 “콜마이네임”으로 불리는 키워드 맞추기 게임을 주제로 한 프로젝트 namoldak.com 정말 힘들었는데 그만큼 애정이 갔던 프로젝트... 내가 낳은 자식 같다. 이번 실전 프로젝트에서 내가 맡았던 기능들과 관련 기술, 방식 1. 이메일 회원가입 및 로그인 - 회원가입 시 닉네임 및 이메일 중복확인, 유효성 검사 -> useForm, yup을 함께 쓰면 에러 메시지를 help text로 보여줄 수 있어서 좋다. schema로 유효성 ..
12시간 넘게 잤다 물 먹은 솜같다 목이 아파 그 와중에 운동은 했는데 앉자마자 잠와 자려고 누웠는데 못 끝낸 일들이 신경쓰여서 다시 앉았다. UI [x] 웹폰트 woff2 적용 Refactoring [ ] 중복 스타일 컴포넌트 공통 컴포넌트 분리하여 적용하기 [ ] input 공통 컴포넌트에서 ref를 props로 내려주는 방식 : SignUp, Login, SearchRoom [x] backBtn - Link 안 url 들 props로 주고 하나로 만드는 방법 [x] Link 전부 navigate 로 바꾸기 [x] theme 적용해서 코드 줄이기 [x] 스타일 코드 줄이기, 안쓰는 주석 삭제
서비스 아키텍쳐 프론트엔드에서는 자바스크립트 프레임워크인 리액트를 사용했습니다. 서버와의 api 통신을 위해 axios를 사용했고 전역 상태 관리 tool로 Redux-toolkit을 사용했습니다. 스타일은 styled-components 를 사용하여 작성하였으며 aws Ec2 를 통해 배포하였습니다. 기술적 의사결정 스타일 작성을 위해 Sass와 styled-components 사용을 고려했습니다. Sass는 className을 일일이 지정해야 하고 컴포넌트의 변화에 대한 반응성이 비교적 떨어지는 단점이 있는 반면, Styled-components는 className의 중복이나 오타로 인한 버그를 줄여주고 props의 값에 따라 스타일을 다르게 적용할 수 있는 장점이 있어 채택하였습니다. API 통신에..
오늘의 Todo ⭐️ 필수 브로셔 준비 기술적 의사결정 [ ] Redux toolkit (현빈) [ ] Intersection Observer (수빈) [ ] react-cookie (수빈) [ ] axios(instance) (수빈) [ ] styled-components (수빈) 주요 기술 (공통) [x] 무한스크롤 [x] 소셜 로그인 Feature [ ] 닉네임 변경 중복확인 로직 변경 (수빈) [ ] url env 처리 후 테스트 (수빈) [x] cookie 모듈 닉네임 만료시간 수정 (수빈) UI (수빈) 크로스 브라우징 [ ] 웹폰트 적용 문제 커뮤니티 페이지 [ ] 게시글 제목 내용 댓글 글자 수 제한 [ ] 게시글 검색 시 결과 없을 때 보여줄 문구 전체 UI 수정 [ ] 랜딩 페이지, 게..
[TIL] 230204
내일 기술적 의사결정 추가 MVP 개발 기간 동안, 기술적으로 어떤 의사결정을 했는지 설명 어떤 문제를 해결하고 싶었는지, 어떤 해결책들이 있었고 그 각각의 장점과 단점은 무엇이었는지, 그래서 어떤 것을 선택하게 되었는지 중요한 것은 의사결정을 내리기까지의 당위성(이유)과 합의, 적용 후 결과 주요 기술 + 그 외 라이브러리 정리 UT 개선 내용 추가 전체 UI 재수정 렌더링 최적화 세션 녹화영상 보기 다음주 깃허브 reference 파헤치기 - issue, wiki 렌더링 최적화 페이지별 기능 정리 코드 리펙토링 기술 매니저님 피드백 닉네임 변경 중복확인하면 input 을 바로 disabled 처리하기 refresh token을 서버에만 저장하고 access token만 받는 로직으로 변경 - refr..