프론트엔드
-
2차 프로젝트 회고코린이 일기/2차 프로젝트 2023. 10. 5. 16:32
정신없이 흘러간 2차 프로젝트 회고😆 목차 1. 프로젝트 정의 2. 프로젝트 목표 3. 프로젝트 과정 4. 느낀 점 1. 프로젝트 정의 React와 Node.js를 활용하여 2주 동안 웹 서비스의 다채로운 특징을 가진 새로운 기능을 담아낼 수 있는 사이트 구축 온라인 또는 오프라인으로 팀원들과 소통하며 PET의 관점으로 웹 페이지를 분석 2. 프로젝트 목표 웹 페이지(오설록)에 대한 특징으로 다양한 기능 개발(회원가입 기능, 로그인 기능, 장바구니 기능, 구독 서비스 등) 프론트엔드는 회원가입 페이지, 로그인 페이지, 장바구니 페이지, 제품 상세페이지를 개발 백엔드는 회원가입 API, 로그인 API, 제품상세 API, 장바구니 API, 배송지 목록 API 를 개발 프론트엔드에서 개발한 페이지와 백엔드 A..
-
1차 프로젝트 회고코린이 일기/1차 프로젝트 2023. 9. 16. 19:45
드디어 첫 프로젝트 시작☺️ 많은 것을 경험했던 프로젝트 회고 목차 1. 프로젝트 정의 2. 프로젝트 목표 3. 프로젝트 과정 4. 느낀 점 1. 프로젝트 정의 Foundation 기간에 배운 React와 Express를 활용하여 팀원과 공동의 목표를 이루는 경험을 배우기 위해 일주일 동안 SNS 가운데 하나인 Threads와 같은 서비스를 구축 Threads의 가장 핵심적인 기능만을 추려낸 MVP를 선정하고, 기능 단위로 개발 범위를 나누어 개발 진행 2. 프로젝트 목표 Threads의 회원가입 기능, 로그인 기능, 게시글 기능을 파악하고 개발 프론트엔드는 회원가입 페이지, 로그인 페이지, 게시글 페이지를 개발 백엔드는 회원가입 API, 로그인 API, 게시글 CRUD API를 개발 프론트엔드에서 개발..
-
Error Handling공부 2023. 9. 5. 12:40
1. 에러핸들링 이란? 사용자가 서비스를 이용하는 동안 발생할 수 있는 에러를 사전에 예측하고 사용자가 서비스를 이용하는 흐름이 막히지 않도록 한다. 2. 에러핸들링의 종류 에러 핸들링(Error Handling) , 예외 핸들링(Exception Handling) 으로 나뉜다. 1) 에러 핸들링(Error Handling) 주체가 컴퓨터이며 코드를 실행하는 과정 자체에서 발생하는 에러를 핸들링한다. - 개발자의 문법 에러 - 해당 회사의 서비스 규칙 등 2) 예외 핸들링(Exception Handling) 주체가 개발자이며 의도적으로 발생시키는 상황을 핸들링하며 조건 불충족시 에러를 반환시킨다. - 회원 이메일 계정에 @ 필수 포함 - 비밀번호는 10자 이상으로 지정 - 계정 중복이불가능 등 3. th..
-
Git 토큰 오류 해결(Support for password authentication was removed on August 13, 2021.)공부 2023. 9. 4. 23:47
Support for password authentication was removed on August 13, 2021. 과제를 하던 도중, git push를 하려는데 오류 문구가 계속 떴다..🫠 찾아보니 토큰에 오류가 있다는 결론이 나왔다. 나처럼 똑같은 오류를 겪으신 분들에게 도움이 되길 바라면서, 1. github 사이트 접속 후 로그인 https://github.com/ 2. 오른쪽 맨 상단 마이 프로필 > Settings 클릭 3. 왼쪽 맨 하단 Developer settings 클릭 4. Tokens (classic) 클릭 5. Generate new token > Generate new token (classic) 클릭 6. Note(이름) Expiration(기간) 선택 - 글쓴이는 보통 ..
-
Database Schema & table 구축공부 2023. 9. 3. 16:20
ERD(Entity Relational Diagram) 를 이용하여 Mysql server 내에 스키마를 생성하는 과제를 진행했다. ERD를 처음 접했을때 PK,FK에 대하여 한번에 이해가 되지 않아 어려움을 겪었다,,! 😥😥 종이노트에 테이블을 그려가며 여러번, dbdiagram 으로 여러번 반복한 끝에 조금은 더 수월하게 이해가 갔다. 여러가지 테이블을 그려보면서 궁금한점과 함께 이해하기 어려웠던 부분들을 정리했다.😊 1. ERD란? ERD(Entity Relational Diagram) 는 데이터베이스의 구조를 알아보고 파악하기 위해서 사용된다. 개체 속성과 개체 간의 관계를 설명해 주며 실제 DB를 개발하기 전에 데이터의 특징을 확인할 수 있다. 이는 데이터의 흐름과 연관성을 이해하는데 매우 중요..
-
1주 차 회고일상 2023. 9. 3. 15:33
Foundation 1주가 지났다! Node.js , Git&Github , Mysql ,,정신없는 일주일이었지만, 1. 과제를 진행하며 모르는 것은 구글에 검색해 보기 2. 동기들과 함께 수업내용을 회상하며 의견 나눠보기 3. 멘토님들의 도움받기 4. 과제 진행하며 몰랐던 부분들 체크하여 과제 게시글에 표시해 보기 5. 그때그때 알게된 내용들은 따로 기재해 두며 반복되지 않게 기억해 두기 과정을 반복하며 한 걸음씩 내딛고 있다! 여러 가지 주제로 고민하며 깨달아 가는 나 자신이 대견하고 뿌듯하다. 아직 갈 길이 멀지만 2주 차에서는 더 발전된 내 모습을 기대해 본다!
-
MySQL & RDBMS공부 2023. 8. 31. 23:02
각종 데이터들을 관리하고 보존하는데 있어서 데이터베이스 시스템을 이용해야한다. 대표적인 관계형 데이터베이스 시스템(Relational Database Management System, RDBMS)인 MySQL을 알아보자! 1. MySQL 란? 세계에서 가장 많이 사용되고 있는 오픈소스 관계형 데이터베이스 관리 시스템이다. 데이터 보안 기능과 숫자,날짜/시간,문자,JSON 등을 포함하여 많은 양의 데이터 유형을 지원하며 다양한 테이블을 통하여 데이터를 저장, 관리할 수 있다. 또한 제약조건을 사용하여 효율적으로 관리가 가능하다. 2. 관계형 데이터베이스(RDBMS)란? (Relational Database Management System, RDBMS) 데이터베이스의 한 종류로 가장 많이 사용되고 있다. 데..