목록전체 글 (185)
hmk run dev
벌써 7주 차 클론 코딩을 넘어서 미니 프로젝트를 진행 중이다..! 생각보다 프로젝트 주제 선정은 빠르게 됐고 2주라는 길다면 길고 짧다면 짧은 기간이 주어졌다 이번 미니 프로젝트 기간에는 너무 쫓기듯이 공부하지 말고 그동안 배웠던 지식들을 다시 복습하고 새로운 기능들은 1~2개 정도만 추가해 보라는 튜터님들의 권유가 있었다. 그동안엔 머릿속에 지식들을 욱여넣기만 했으니 한번 좀 더 근본적으로 코드들의 작동원리 혹은 리액트 자체의 원리를 좀 더 생각해보는 7주 차가 되었다 발犬 프로젝트 구현 기능들은 - 로그인 JWT 토큰 방식 로그인 - MBTI 검사를 통해 나에게 맞는 강아지를 추천 - "나를 보개" 페이지는 여러 유기견 보호소에서 크롤링한 강아지들 정보들을 볼 수 있는 페이지 - "자랑 하개" 페이..
// 키값 기준으로 쿠키에 저장된 값을 가져오는 함수 const getCookie = (name) => { // 쿠키 값을 가져옵니다. let value = "; " + document.cookie; // 키 값을 기준으로 파싱합니다. let parts = value.split("; " + name + "="); // value를 return! if (parts.length === 2) { return parts.pop().split(";").shift(); } }; // 쿠키에 저장하는 함수 const setCookie = (name, value, exp = 5) => { let date = new Date(); // 날짜를 만들어줍니다. date.setTime(date.getTime() + exp *..
어느덧 항해 도 중반으로 접어들었고 회고록을 쓰는 지금 이 시점은 정확히 항해 42일 차다 6주 차엔 배워본 주특기를 활용해 백엔드 항해자와 협업해 클론 코딩을 해보는 시간을 가졌다. 인스타그램을 클론 코딩했는데 파이어 베이스를 사용하다가 백엔드와 통신하는 방법은 처음이라 막막했다...! axios를 사용해서 백엔드와 소통을 하며 필요한 데이터를 보내 주고받는 과정 왜 개발자에게 소통의 중요성을 강조하는지 이번 챕터에 크게 느꼈다...! 사실 클론 코딩 주차에 들어오기 전 내가 온전히 1인분? 제 역할을 다해 팀원들에게 민폐를 끼치지 않을까? 라는 걱정을 가지고 시작하게 됐지만 항해를 시작한 이래로 가장 크게 무엇인가를 극복했다!라는 느낌을 받은 한 주였다 물론 댓글 기능 구현과 같은 비교적 복잡한 데이..