TIL_221228_ 🚩React App Project_발표회

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. React App Project_수정수정수정

알게된 것

• public폴더에 png파일을 올리고 이름을 favicon.ico로 바꾸고 index의 기존 ico link를 ./faviocn.ico로만 바꾸니 사이트의 타이틀에 리액트 로고 대신 우리가 정한 로고가 보였다.

---

• 로그인 안 한 상태에서 댓글 등록 누르면 "로그인을 해주세요." alert 구현 추가

---

문제

• 닉네임변경의 button만 custombutton으로 바꾸면 닉네임 변경 버튼이 완료 버튼으로 안 바뀐다.
  • 일단 얘네만 style.js에서 따로 css 지정함

---

문제

• 어제부터 powershell에서 yarn으로 프로젝트 생성하려고 하면 오류
  

해결

• powershell 프로그램을 관리자로 실행해서
  get-ExecutionPolicy 현재 권한 상태 확인
  • Restricted로 되어 있어 로컬에서 작성한 스크립트를 실행할 수 없는 상태
  • RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있습니다.
  • Set-ExecutionPolicy RemoteSigned로 권한 상태 변경
  • yarn project 생성 잘 됨

---

2. React App Project_발표회

구현하고 싶은 기능

• 1조
  • CSS,
  • TOP 버튼
  • pageNation(일정 글 수가 넘어가면 페이지 이동)
  • DB설계
• 2조
  • 비밀번호 해쉬화
  • 글 내용 검색 기능
  • 유저마다 해당 유저의 프로필 들어가기
  • 글 쓰기 버튼을 눌렀을 때 로그인 안 했으면 로그인 페이지로 이동하고 로그인이 되면 바로 그 전에 눌렀던 페이지(글 쓰기)로 이동
• 4조
  • 캐러셀 슬라이드
  • 장바구니 기능
• 5조
  • 별점 기능
  • 수정 모달창
  • 등록된 글이 없을 때 UI - 등록된 컨텐츠가 없다는 문구 등
• 7조
  • 계획할 때 패키지 버전 관리등도 정하기
    (remove하고 패키지 설치 시 원하는 버전의 숫자를 뒤에 붙이면 됨)
  • 오류해결과정 - 개인이 사이드 페이지로 남길 수 있게
• 9조
  • 발표 자료 좀 더 깔끔하게 ex. 목차 등
  • 사용한 기술 스택 기재

---

원장님 피드백

• 현실적인 페이지 구성, 슬라이드 요소는 사용자를 지루하지 않도록 해 줌
• env 이용
• 상품마다 평점이 있고 평점이 높은 순대로 가져오는 기능 있으면 좋을 듯
• 기본적으로 제공되는 문서(API 공식 문서 등)를 잘 이해하고 활용해야 한다. 결국 그 API를 가져다 쓰는 것이다!

우리 조 피드백

• 좋아요 반응이 좀 늦는 것 해결해보기
• 칭찬 매니매니매니

---

🚩

• 알고리즘 공부의 중요성(프로그래머스)
  • 기능을 구현할 때 방법을 생각해 내는 힘을 길러주는게 알고리즘인 것 같다.
  • 프로그래머스 미루지 말고 풀기!!