오늘한일 👨🏻‍💻 . 원티드 프리온보딩 진행 새로운 팀프로젝트 react-daum-postcode 사용하여 주소검색 기능 구현하기 기록 ✍🏻 . 면접 질문 공부는 끝이 없군 나의 암기력은 문제가 많다 ㅎㅎ 지난주에 이어서 주소 검색 기능을 한 번 더 담당하게 되었다. react-daum-post code 사용하여 주소 검색 기능 구현하였는데, 사용방법이 참 간단하고 쉽다.

오늘한일 👨🏻‍💻 . 원티드 프리온보딩 진행 주소 검색 기능 구현 기록 ✍🏻 . 면접 질문 공부는 끝이없군 ㅎㅎ 어제 view작업은 끝!! juso.go.kr에서 제공하는 OPEN API를 사용하여 주소 검색 기능 구현하였다.

오늘한일 👨🏻‍💻 . 원티드 프리온보딩 진행 새로운 팀프로젝트 주소검색 컴포넌트 view 작업 기록 ✍🏻 . 한동안 TIL 작성을 못했다. 열심히 원티드 프리온보딩을 진행 중이다. 새로운 팀 프로젝트 진행 중이다. juso.go.kr에서 제공하는 OPEN API를 사용하여 주소 검색 기능 구현을 담당하였다. 오늘은 view 작업 먼저 진행!!

오늘한일 👨🏻‍💻 . 모의 면접 준비 새로운 프로젝트 팀 회의 vue.js 학습 기록 ✍🏻 . 면접 질문 공부를 많이하자.. 팀 과제 진행 요구사항에 vue를 사용해야해서 급하게 공부중이다

오늘한일 👨🏻‍💻 . 두번째 팀 프로젝트 Api 데이터를 chart에 담아 순위 차트 구현 기록 ✍🏻 . Api를 통해 받은 데이터를 원하는대로 가공하고 chart에 적용 시켰다. 좀 버벅거리긴 했지만 팀원들의 도움을 받아서 구현했다. 자바스크립트 공부에 열을 올리자!!! 데이터 받을 차트가 하나 더 있지만 시간 관계상 다 마무리 짓지는 못했다. 시간날때 로컬에서 구현해봐야겠다. 이번 과제는 개인적으로 너무 즐겁게했다. 다음주 과제도 즐겁게!! 프리온 보딩 열심히 하자 !!

오늘한일 👨🏻‍💻 . 두번째 팀 프로젝트 react chart.js 커스텀 로컬 스토리지 사용 댓글 남기기 Tap 컴포넌트 만들기 Toggle 컴포넌트 추가 Footer 추가 기록 ✍🏻 . 과제는 제출 되었지만 팀원들이랑 부족한 부분을 마무리 짓기로했다 아직은 Api를 활용하는 단계는 아니기때문에 문제없이 맡은 부분을 만들어냈다. 내일은 Api 호출로 데이터 받아서 chart에 데이터 담기 프리온 보딩 열심히 하자 !!

오늘한일 👨🏻‍💻 . 팀 기업과제 과제 발표 기록 ✍🏻 . 시간이 갈수록 팀원들이랑 소통도 진행도 잘 되는 거 같다 부트 캠프 진행하며 모르는 걸 질문하는 게 힘들었다 일단 다들 바쁘고 정신없는데 시간 뺏는 게 미안하기도 하고 근데 지금은 다르다 모르는 건 계속 물어보고 배우고 얻어 가는 게 많은 거 같다 다들 바쁘고 힘든데 친절하게 설명해 주고 같이 해결해 주는 팀원 들게 고맙다~ 프리온 보딩 열심히 하자 !!

오늘한일 👨🏻‍💻 . CSS 애니메이션(keyframes Canvas) 학습 새로운 프로젝트 회의 및 작업 시작 기록 ✍🏻 . 생각보다 프로젝트를 제출하기까지 오랜 시간이 걸리는 거 같다. 제한된 시간 안에 제출하기 위해 열심히 해야겠다 새로운 프로젝트가 시작되었다. 맡은 기능 구현을 최선을 다해 진행해야 한다 프리온 보딩 열심히 하자 !!

오늘한일 👨🏻‍💻 . 팀 기업과제 1진행 번등링과 빌드 시스템 Git, PR 잘 쓰는 방법 기록 ✍🏻 . git의 중요성을 느꼈고, 팀원들과 소통하고 문제해결하고 배우기도하고 재미있다. 프리온 보딩 열심히 하자 !!

오늘한일 👨🏻‍💻 . DOM 스터디 모의면접세션 참여 기록 ✍🏻 . 모의면접세션에 참여하고 프리온보딩 첫 팀프로젝트를 시작했다. 이론이 너무 부족하다는 걸 느끼고있다. 프로젝트 준비하면서 공부도 좀 하자

오늘한일 👨🏻‍💻 . 원티드 프리온보딩 코스 진행 🍕 OT 참석 모의 면접 답안 작성 모의 면접 기록 ✍🏻 . 원티드 프리온 보딩 코스를 진행하게 되었다. 사전 설명회 때 zoom 링크에 인원이 다 차서 못 들어간다는 메시지를 본 뒤 지원자가 많아서 안 뽑힐 거라 예상했는데 선발되어 놀랬다 ㅋㅋ OT 참석하고 모의 면접을 진행하며, 너무 부족한 부분이 많다고 느꼈다. 어버버…어버버… 휴 코스 진행하는 동안 정말 열심히 준비해보자!!

오늘한일 👨🏻‍💻 . 면접준비 🔥 코딩테스트 ⚙️ 기록 ✍🏻 . 1. Introduction json-server는 json 파일을 사용하여 간단한 시뮬레이션을 위한 REST API Mock server를 구축할 수 있는 툴이다. 2. Setup json-server 설치 npm을 이용하여 json-server를 로컬 설치한다. db.json 파일 생성 프로젝트 루트에 fake-server폴더 생성 requests.json 파일을 생성한다. requests.json 파일은 데이터베이스 역할을 한다. 3. json-server 실행 json-server가 requests.json 파일을 watching하도록 실행한다. 기본 포트는 3000이다. 포트를 변경하려면 port 옵션을 추가한다. 실행 및 포트 변경 접속해보면 json파일로 작성한 데이터를 확인 가능하다. 4. Postman을 사용하여 json-server에 접속하여 보자. 5. axios 설치하고 console.log로 확인해…

오늘한일 👨🏻‍💻 . 면접준비 🔥 코딩테스트 ⚙️ 기록 ✍🏻 . 오늘은 필터링 기능을 가진 Select버튼 뷰 작업 및 기능 초반 작업 진행 22_02_15_img_2.png 프로젝트 폴더 구조 ContentsOne.js에 SelectBox 컴포넌트를 불러와 사용 22_02_17_gif.gif Select버튼 조건 Select버튼에 마우스hover 시 border색상 변경 + 화살표 icon색상도 변경함 Select버튼 클릭 시 DropDown으로 체크박스 리스트 오픈 + 에니메이션 추가로 자연스러운 움직임 추가함 체크박스 클릭 시 셀렉트 버튼 백그라운드 컬러 변경과 텍스트 컬러변경, 우측에 체크된 숫자만큼 숫자 표시 체크박스 클릭 시 셀렉트 버튼 우측에 필터링 리셋 ui추가, 리셋 클릭 시 체크된 거 초기화 + 상단에서 하단으로 자연스럽게 내려오는 에니메이션 추가함 1. Select버튼에 마우스hover 시 border색상 변경 + 화살표 icon색상도 변경함 hover + transit…

오늘한일 👨🏻‍💻 . 면접준비 🔥 코딩테스트 ⚙️ 기록 ✍🏻 . 오늘은 필터링 기능을 가진 toggle버튼 뷰 작업 진행 프로젝트 폴더 구조 ContentsOne.js에 Toggle 컴포넌트를 불러와 사용 22_02_16_gif.gif json-server를 컨텐츠 하단 카드 리스트는 뷰작업을 다 끝낸 뒤에 할 계획이다. 주어진 조건에 맞는 뷰작업을 먼저 진행 Toggle 버튼은 useState를 사용하여 버튼이 클릭되었는지 상태 값을 관리하며 onClick을 사용하여 버튼 이벤트를 관리, 토글 버튼 백그라운드와 동그라미 버튼의 색상 변화는 props로 전달하여 상태 값에 맞는 색상을 삼항연산자를 사용하여 적용함, 자연스러운 색상 변화 적용을 위해 transition을 사용 토글버튼 작동 테스트를 위해 여러 번 클릭을 하다 보니 우측의 텍스트가 드래그 되는 현상이 싫었다. 유저 입장에서도 보기 좋지 않고 불편할 거 같은 느낌이 들어 토글버튼 영역은 드레그가 되지 않도록 부모컴포넌트 Con…

오늘한일 👨🏻‍💻 . 면접준비 🔥 코딩테스트 ⚙️ 기록 ✍🏻 . 이력서를 제출한 회사에서 연락이 왔다. 알고리즘 테스트가 아닌 실무에 가까운 내용으로 구성된 과제 느낌 피그마 url과 json 파일을 메일로 받음 피그마 내용대로 뷰 작업부터 진행했다 프로젝트 폴더 구조 App.js에 Navigation 컴포넌트를 불러와 사용, Navigation 컴포넌트 안에서 MobileMenu를 모달 팝업 형태로 사용 주어진 조건 중 반응형을 적용하여 모바일 사이즈가 되었을 시 상단의 네비게이션이 햄버거 메뉴 버튼과 로고만 남고 햄버거 메뉴 버튼을 클릭 시 좌측에서 우측으로 fade-in 애니메이션을 적용하는 조건이 있어 이 작업부터 진행함, 추가적으로 햄버거 메뉴가 나올 시 우측 빈 여백을 클릭하여 햄버거 메뉴를 닫는 기능까지 추가함 22_02_15_gif.png 네비게이션 컴포넌트를 style-component, @media screen를 사용하여 가로값이 500px이 되었을때 모바일 메뉴로 변…

오늘한일 👨🏻‍💻 . 항해99 친구들이랑 1박2일 놀러 감 🍕 기록 ✍🏻 . 오늘은 항해99 부트캠프 진행하며 가깝게 지낸 동기들? 이랑 1박2일 놀러 간다 그래서 아침에 미리 TIL 작성 중 ㅋㅋㅋ 부트캠프 진행하며 여러모로 도움도 많이 받고 덕분에 좀 더 수월하게 진행할 수 있었던 거 같다 매일 같이 공부하며 끝나고 놀러 가자고 이야기를 했는데 벌써 그날이 다가오다니 시간 참 빠르다 🔥

오늘한일 👨🏻‍💻 . 코딩테스트 준비 면접 준비 기록 ✍🏻 . 코딩 테스트를 꾸준히 해야 할 거 같다. 진작에 준비 좀 할걸.. 후

오늘한일 👨🏻‍💻 . 알고리즘 테스트 준비 면접 준비 기록 ✍🏻 . 오늘도 똑같은 하루다 🥸 코테 & 면접 준비 잠시 쉬다가 우연하게 모던 JavaScript 튜토리얼이라는 곳을 알게 됨. 🔥   모던 JavaScript 튜토리얼 📘   자세한 소개 Blog ⚙️   GitHub 소개 블로그를 읽어보면.. Mozilla 재단이 운영하는 MDN web docs가 최신 명세서를 빠르게 반영하고 있고 로컬라이제이션도 상당 부분 진행되어 있지만, 리뷰 없이 누구나 문서를 수정할 수 있어 오역이 자주 발견된다. 또한, 한국어 혹은 번역 기술에 대한 학습이 부족한 상태로 번역에 참여하고 있는 기여자가 많아 가독성이 떨어지는 실정이다. 이런 상황을 개선하고자 The Modern JavaScript Tutorial(이하 Tutorial)의 한글화 프로젝트, ‘모던 자바스크립트 튜토리얼(이하 튜토리얼) 한글화’ 프로젝트를 시작하게 되었다. 라고 적혀있음. 이걸 보고 기분이 좋아졌다. 구매한 자바스크립트 서…

오늘한일 👨🏻‍💻 . 코딩테스트 준비 면접 준비 기록 ✍🏻 . 알고리즘 테스트 정말 큰일이다!!!!!!! 😱

오늘한일 👨🏻‍💻 . 코딩테스트 준비 면접 준비 기록 ✍🏻 . 러닝 자바스크립트라는 책을 공부 중이다. 그러면서 프로그래머스 알고리즘 문제 푸는 중.. 어렵다 면접 준비가 사실 부트 캠프보다 더 어려운 거 같음 ㅜㅜ

오늘한일 👨🏻‍💻 . 항해99 수료 인프런 타입스크립트 강의 결제 알고리즘 준비 기록 ✍🏻 . 항해 99 부트 캠프가 드디어 끝이 났다. 뭔가 시원 섭섭한 기분ㅋㅋㅋ 사실 오늘 하루 좀 쉬었다. 수료해서 그런가 일단 인프런 타입 스크립트 강의 결제함 낼부터 달려야지 🔥 면접 준비에 알고리즘… 뭔가 수료하고 더 바빠진 기분이다. 내일부터 또 달려보자!!

오늘한일 👨🏻‍💻 . 면접질문 정리 블로그 정리 원티드 프리온보딩 제출 기록 ✍🏻 . 벌써 내일이 항해99 마지막 날이다. 시간 참 빠르네.. 내일부터 면접 준비에 더 박차를 가해야겠다. 면접 질문 더 꼼꼼하게 정리하고 암기!! 이제 앞으로 블로그는 하루에 한 번씩 꼭 작성하자 일기처럼이라도..