Side Project 1

지금까지 프로젝트를 한다고 하면 클론코딩을 하거나(위코드에서의 1,2차 프로젝트), 아니면 짜여진 기획에 숟가락을 얹는다거나(메디스트림에서의 기업협업) 하는 방식이었는데, 이번에 따로 시작하게 된 프로젝트는, 정말 기획부터 배포까지, A to Z를 하려고 하니 이게

사이트를 구축하다 보면 로그인 등 인증된 사용자만이 접근할 수 있는 페이지 등이 필요한 경우가 많다.이를 구현하기 위해서는 몇 가지의 방법이 있는데, 나는 그 중에서 usenavigate()를 이용하여 URL로의 직접 접근을 차단하였다.물론, fetch를 이용하여 데이

로직을 구현하다 보면 서버에서 데이터를 받아올 일이 많다.서버에서 받아 온 데이터를 setState에 저장하고, 하위 컴포넌트에 props로 뿌려 화면으로 노출시킨다.데이터 구조에 따라 Object 안에 Array가 있고, 이런 구조들에 method를 맞춰야 하는데,처

프로젝트를 하면서 CRUD를 구현하던 중에,수정사항을 입력하면서 서버 쪽에 요청을 PUT 메소드로 보냈었다.그렇게 순조롭게 진행되고 있었는데, 어느 순간 서버 개발자분과 얘기를 나누다가 자신은 클라이언트 쪽에서 PATCH로 요청을 보내고 있다는 줄 알았다고 얘기를 하셨

웹 페이지를 구현하던 중, 소셜 로그인을 구현하게 되었다.기존에 부트캠프에서 구현했던 카카오 소셜 로그인을 되짚어 보며 이번 프로젝트에도 적용을 했는데, 당시에는 Nav에 있던 로그인 버튼을 바로 외부 로그인 링크로 연결하여 로그인을 구현했었다. 하지만, 로그인 버튼은

npm run build 명령어를 실행하여 빌드 된 파일을 가지고 s3에 배포까지 성공했는데, 예상치 못한 문제가 발생했다.너무 작나라하게 까발려진 느낌이라 너무 이상했는데, 다행히 이런 구조를 감출 수 있는 방법을 찾게 되었다.코드 난독화 ( Code Obfuscat

웹 페이지의 이용약관 페이지라던지, 개인정보 처리방침 페이지를 만들 때가 있다. 사실 이건 React로 페이지를 만들 수고까지 할 필요는 없지만, 내 지식 선에서는 일단 React로 시작한 프로젝트였기에, html 파일을 react에서 읽어올 수 있는 방법을 찾아야