전체 깃허브 리포지토리 생성(by 코드스테이츠)https://github.com/codestates-seb/seb39_pre_047백엔드 스택 정하기MySQLJava/springboot프론트엔드 스택 정하기ReactStyled-ComponentJWT 토큰방식사
프로젝트 진행사항 공통 깃허브 마일스톤/이슈 올리는 것 => 각자 깃허브 Wiki 작업 => 솔찬님 브랜치구성 : main => 프론트=> 이종호 // 이규림 => 백 => 구솔찬 // 이창주 AWS 사용으로 결정 페이지네이션 1페이지/ 15페이지씩 마지막 페이지인지 true/false 반환할 수 있어야함 백엔드 프론트엔드 회원가입/ 로그인 뷰단 작...
프로젝트 진행사항 공통 백엔드 프론트엔드 TIL 1. APIs 소프트웨어끼리 작용하는 인터페이스 = WebAPI: HTTP를 기반으로 하는 인터페이스 JSON JavaScript 객체 문법 계속해서 데이터를 전송하거나 정보를 전송하는 포맷 키-값 쌍이 있음 JSON.
오늘까지 postman api 프론트에 던져주기글 작성/조회/삭제/수정 기능 구현 글 작성 화면 클론 X글 작성 기능 구현 백엔드의 레포지토리를 깃 클론 받아 로컬서버를 실행해보기로 했다. 첨에 아무 생각없이 git clone 후 npm i을 하고 npm start를
CORS 에러 해결 => cors 필터 or 어노테이션???글 작성/조회/삭제/수정 기능 구현글 작성 기능 구현오늘은 하루종일 cors에러와의 싸움을 했다..우선 axios로 게시글 POST 처리해주었다.그리고 console을 보니 CORS에러가 났다는 에러창이 떠있었
글 작성/조회/삭제/수정 기능 구현글 작성 화면 클론 X글 작성 기능 구현 X글 조회 기능 구현 X작성한 question(게시글)을 GET요청을 통해 불러와서 map을 이용해 HOME 화면에 뿌려주는데 자꾸 오류가 발생한다...첫 번째 콘솔에는 등록된 데이터들이 잘 들
보라색 표시 (Add New...) 부분을 눌러 Project를 선택vercel 첫 배포이다 보니, Git repository에서 vercel access를 해줘야하는 것 같다배포하려는 해당 리포지토리를 선택 후 save를 누른다그럼 다시 vercel 화면으로 넘어와서
메인 프로젝트를 어떤 것으로 진행할지 팀원들끼리 회의하면서 아이디어를 냈다.2개의 주제가 나왔고 그 중, 우리가 배운 것을 잘 활용할 수 있고 거기에 좀 더 보태서 완성도를 높일 수 있는(물론 정말 빡쎈 4주를 보낸다는 가정 하에) 주제를 선택했다코드스테이츠의 faci
타입스크립트 코드는 브라우저에서 실행되지 않음\-> 자바스크립트 형태로 컴파일 해야함타입스크립트 설치 npm install typescriptpackage.json 파일 설치 npm init -y컴파일러 실행 (특정 파일 지정해주기) npx tsc + 파일명컴파일 하는
아직 서버 연결이 되지 않아서 기다리는 겸 유효성 검사 부분 코딩을 먼저 진행했다. typescript로 진행하는 것은 처음이어서 검색을 하던 중, yup 이라는 좋은 라이브러리를 발견했다react-hook-formyup@hookform/resolvers다음 명령어를
Local Storage, Session Storage, Cookie가 있다server-side Storage와는 달리, JavaScript API를 통해 클라이언트에 정보를 저장하고 필요 시 가져다 쓸 수 있다. server-side Storage와 비교했을 때 정보
서버에서 보내온 jwt 토큰을 쿠키에 저장하는 방법을 적용해보았다. (저번 프리프로젝트 때는 로컬 스토리지에 저장했었다)설치 : npm install react-cookie setCookie함수를 통해 쿠키를 만들고, getCookie함수를 통해 필요 시 쿠키를 가져오
개발기간: 2022.08.24 - 2022.09.07팀원: 프론트엔드 2명, 백엔드 2명 stack overflow 사이트 게시판 기능 클론로그인, 로그아웃 회원가입 기능 구현게시판 CRUD 기능 및 댓글 기능 구현로그인, 로그아웃, 회원가입, 질문쓰기 뷰 구현Cont
개발기간: 2022.09.13 - 2022.10.11팀원: 프론트엔드 2명, 백엔드 2명 스택: typescript, styled-components휴대폰 요금제 및 단말기 구매에 필요한 정보를 공유할 수 있는 사이트로그인, 로그아웃, 회원가입, 마이페이지 기능 구현정