백엔드까지 전체 배포가 끝났는데 .. 내 아이디로 버킷을 다시 만들기로 했다! 배포 테스트때 실패했었는데... 🫠 지금 EC2에서는 다 되어있고 그냥 S3 버킷만 다시 하는 상황! 아무튼 어렵지 않으니 S3 배포 도전!! 1. env 파일 환경변수 설정하기 빌드하기에 앞서 환경 변수를 담은 .env 파일을 확인합니다. .env 파일의 파일명이 제대로 적혀있는지, 환경 변수에 담긴 서버의 주소는 문제가 없는지 확인합니다. 참고로 요청을 보내는 서버의 주소를 환경 변수에 담을 때는 필히 'http://' 나 'https://'를 포함해야 합니다. 2. npm run build 환경 변수 관련 설정이 완료되면, 터미널에 'npm run build' 명령어를 입력하여 빌드 과정을 진행합니다. 얼마간에 시간이 지..

먼저 우리팀은 브랜치를 fe 하나로 쓰기로 했다. 그런데 커밋-풀-푸시 할때마다 충돌이...🤯 한명이 올리고 세명이 받으면 세명 다 수동으로 오류를 처리해야만 했다. 그것도 몇번씩이나... 근데 알고보니 같은 파일 app.js 등을 서로 동시에 수정해서 그런거였고, 공통파일을 수정할때면 미리 말하고 수정하자! 라는 규칙을 세웠다. 한명이 수정한 후에 푸시해서 올리면? 내가 해야하는 절차는? 1. 먼저 표시한 노란 점선 박스 안에 메세지를 적어서 커밋을 한다. ex) 프로필 수정, css 생성 커밋! 만 해야한다. 커밋 및 동기화 (X) 2. 터미널에 git pull 입력한다. (같은 파일을 수정하면 보통 여기서 오류남...) 3. pull 완료되면 git push 한다. 4. 푸시 완료후 깃허브 - 해당..

멘토링 시간... 인증은 어떻게 하시나요? JWT 토큰..? ... 또 나만 잘 모르네...;; 🫨 지금부터 알면됨ㅋ 😂 유어클래스랑 구글링 유어클래스로 기본적으로 토큰에 대해 알아봤다. ✔️ JWT 토큰 JWT 는 JSON Web Token의 약자로 전자 서명 된 URL-safe (URL로 이용할 수있는 문자 만 구성된)의 JSON입니다. 전자 서명은 JSON 의 변조를 체크 할 수 있게되어 있습니다. JWT( JSON Web Token)은 정보를 안전하게 전송하기 위한 컴팩트하고 자체 포함 형식의 표준입니다. JWT는 특히 웹에서 정보를 주고받을 때 사용되며, 서버와 클라이언트 간의 정보를 안전하게 인코딩하여 전송할 수 있게 해줍니다. JWT의 구조는 세 부분으로 나뉩니다: Header(헤더): 토큰..

가장먼저 회원탈퇴 팝업(모달)을 만들 예정이다. 피그마로 만들었던 팝업창의 대략적인 모습! ✔️ 모달 라이브러리 설치 react-modal 라이브러리를 이용해서 모달을 만들것이다! 먼저 npm install react-modal을 설치한다. npm install react-modal 그다음 해당 페이지에서 Import import Modal from 'react-modal'; ✔️ 모달 코드 작성 그리고 대략적인 모달 창의 코드를 작성했다. //LeaveModal.jsx import React, { useState } from 'react'; import Modal from 'react-modal'; function LeaveModal() { const [modalIsOpen, setModalIsOpen..

깃허브를 통한 초기 설정시에 헷갈렸던 부분, 어려웠던 부분, 주의 할 부분들을 모아서 작성한 글입니다. # .gitignore 만들기 일단 팀원들이 만들어준 폴더구조를 pull을 통해서 받았다! 그리고 열어서 npm install을 했는데.... 커밋 변경사항이 10000개를 넘어가는 상황...🫠 .gitignore파일을 생성해주고 그안에 아래코드 그대로 .gitignore파일 안에 복사해서 넣고 저장한다. # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.js # testing /coverage # production /build..

2024.01.03(수) 1주 차 회고가 있었다! ....🫠 그리고 많은 일을 했다! 기능 관련 회의 피그마 작성 역할 분배 화면정의서 작성 깃허브 브랜치 나누기 깃허브 칸반 작성 내가 맡은 파트는 [마이페이지] & [회원정보수정] 내가 잘할 수 있을까? 그래도 해야지 😄ㅋㅋㅋ 무사히 코드를 잘 짜고 깃허브 충돌도 없이 목표했던 1순위를 무탈하게 잘 구현하고 추가 기능들도 잘 구현했으면 좋겠다 ㄷㄷ

2023년 12월 말 팀이 정해지고 어렵게 깃허브 포크, 머지 실험(?)을 완료하고 코드를 개미만큼 짰는데... 갑자기 팀이 해체되고 변경되었다! 🫠 그래서 새로운 팀에 합류하게 되었다. 멋진 주제로 진행되고있었는데... api 관련 문제로 프로젝트의 주제를 바꾸게 되었다. 그래서 연말/연초에 휴일이지만 시간을 내서 짧은 회의를 했다. # 초기설정 디스코드 Github Figma Notion Google Sheets 팀장, 부팀장, 팀 규칙, 프로젝트 규칙 정하기 프로젝트 주제, 아이디어 미믹, 회의를 통해서 큰 틀 정하기 이후 사용자 요구사항 정의서, 화면정의서 만들기 새로운 팀원들과 프로젝트를 잘 해내고싶다! 내 새해 소원!😃🙏