hmk run dev

항해 8주 차는 정말 빠르게 지나갔다. 다음 주에 다가올 실전 프로젝트 준비로 조금 집중력이 흐트러질 뻔했으나 (사실 실전 프로젝트 리더로 지원할까 말까 너무나 고민이 됐지만 지금 프로젝트에 더 집중하기로 맘먹었다) 정신을 다잡고 프로젝트를 무사히 마무리했다. 점점 더 리액트에 대한 이해도가 높아지는 것을 피부로 느끼고 코딩이 더욱 재밌어지고 있다는 것을 깨닫게 된 한주였다. 그리고 협업할 때 소통이 정말 중요하다는 사실을 다시 한번 깨닫게 됐다! 사실 아무리 강조해도 지나치지 않다 ㅎㅎ 물론 결과물이 매우 만족할 정도는 아니지만 팀원들과 기획하고 소통하고 개발하는 시간이 너무 재밌었고 직접 만든 사이트를 이용해본 다른 크루원들의 피드백을 받아 빠르게 수정하는 시간까지 가졌다 심각한 문제는 아니었고 사이..

벌써 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인분? 제 역할을 다해 팀원들에게 민폐를 끼치지 않을까? 라는 걱정을 가지고 시작하게 됐지만 항해를 시작한 이래로 가장 크게 무엇인가를 극복했다!라는 느낌을 받은 한 주였다 물론 댓글 기능 구현과 같은 비교적 복잡한 데이..

항해 5주 차 주특기 심화 기간이 어느새 지나갔다... 주특기 기초 기간에도 이해하는데 어려움이 있었던 지라 심화 주차가 시작되기도 전에 많이 걱정이 됐고 스트레스로 인해 장염 증세까지 보였던 한주였고 심적으로 매우 힘들어서 포기하고 싶다는 생각이 들었다 역시나 1주 차보다 훨씬 많은 분량의 학습자료들이 펼쳐졌고 쉴 새 없이 이해하려고 모든 신경을 집중시켰다 쉽지 않았다 저번 주처럼 과제를 완성하지 못했고 또다시 자신에 대한 실망감을 느끼며 하선에 대한 상담을 받기도 했다 상담 전까지 하선에 대한 의지가 강했으나 막상 상담시간이 다가오니 내가 항해 99에 참가할 때 가졌던 나의 다짐들이 생각나며 현재의 나의 모습이 너무 부끄러웠다 사실 솔직하게 말하면 항해 99 커리큘럼이 코딩에 대한 사전 지식이 없는 ..

파이어베이스의 데이터를 긁어오고 이니셜 스테이트 값과 형식 맞추기 const getPostFB = () => { return function (getState, dispatch, { history }) { const postDB = firestore.collection("post"); // 콜렉션선택 postDB.get().then((docs) => { // 가져오는 방법 문서참고 https://firebase.google.com/docs/firestore/query-data/get-data?authuser=0 docs.forEach((doc) => { console.log(doc.id, doc.data()); let _post = { id: doc.id, ...doc.data(), //파이어 베이스 데..

개발자 도구를 켜서 콘솔창에 입력을 한다 document.cookie = "MY_COOKIE = here ;" ; 이렇게 입력하면 여기서 MY_COOKIE는 키값(name)이 되고 here은 value값이 된다 여기서 expires 라는 만료일이라는 옵션을 더해줄 수 있는데 이때 자바스크립트의 문법을 사용한다 let date = new Date('2022-10-05') >> 이렇게 date라는 변수에 자바스크립트 Date함수를 사용해 변수로 지정해주고 date를 출력해주면 Wed Oct 05 2022 09:00:00 GMT+0900 (대한민국 표준시) {}가 출력된다 그렇다면 아까 했던 document.cookie = "MY_COOKIE = here ;" ; 쿠키설정에 만료일도 넣어주면된다 넣어주기전에 ..