성장기록/프로젝트
Randomly 프로젝트 - 새 기능 생성 (질문별 카테고리) 에 대하여
Randomly 프로젝트에 새로운 기능을 생성하려고 한다!!! 무엇?! ✔️ 질문 별 카테고리 기능! 해당 기능이 왜 필요할까? 스터디 팀원들과 질문을 주고받는 방식을 이제 변경해보고자 한다. 기존까지의 질문 방식은 구분없이 20개의 질문중에서 랜덤으로 분배하여 질문을 할당하던 방식이였다. 하지만, 이후로 적용할 방식은 JS 5개, React 5개, CS 5개 ... 이런식으로 질문들을 선별하여 각 개인마다 분류별로 하나씩 뿌려줄 예정이다. 해당 기능을 프로젝트에서 사용하려면 등록된 질문들이 어떤 분류의 질문인지를 알아야한다. 그래야지 중복없이 하나씩 뿌려줄 수 있기 때문이다. 어떻게 구현할건데? 고민이 많이된다. 단순하게 생각했는데, 추가할때만 생각하면 안되고 질문을 수정,삭제 때도 생각해야한다. 그럴..
Randomly 프로젝트 - ErrorBoundary 적용
Randomly 프로젝트 - ErrorBoundary 적용 프로젝트에서 예기치 못한 에러가 발생할 때 사용자에게 빈화면을 노출시키는 것이 계속 신경쓰였다. 이런 불편함을 최소화하고자하는 방법을 찾던 도중 ErrorBoundary라는 것을 알게 되었다. ErrorBoundary 란? ErrorBoundary를 사용하면, 리액트를 사용하면서 발생되는 컴포넌트의 에러를 핸들링할 수 있게된다. 다음을 보자. 위 화면처럼 컴포넌트에서 어떠한 오류가 발생하면 렌더링이 중단되고 빈화면을 노출시킨다. 이 상황에서 빈화면 대신 사용자가 정의한 화면을 보여지게 유도할 수 있다. 방법 ErrorBoundary는 원래 클래스형 컴포넌트에서만 사용가능하다. 하지만, 나는 함수 컴포넌트를 사용하고 있기때문에 다른 방법이 필요하다..
개인 프로젝트 - Randomly ( ~ 2023.02.17)
⬅️ 이전 개발 일지 https://bmy1320.tistory.com/entry/dd 개인 프로젝트 - Randomly (2023.02.13 ~) ⬅️ 이전 개발 일지 https://bmy1320.tistory.com/entry/%EA%B0%9C%EC%9D%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Randomly-20230209 개인 프로젝트 - Randomly (2023.02.09 ~) 개인 프로젝트 - Randomly (2023.02.09 ~) ⬅️ 이전 개발 일지 bmy1320.tistory.com 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 https://randomly.pages.dev/ React App randomly.pages...
개인 프로젝트 - Randomly (~ 2023.02.13)
⬅️ 이전 개발 일지 https://bmy1320.tistory.com/entry/%EA%B0%9C%EC%9D%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Randomly-20230209 개인 프로젝트 - Randomly (2023.02.09 ~) 개인 프로젝트 - Randomly (2023.02.09 ~) ⬅️ 이전 개발 일지 https://bmy1320.tistory.com/entry/%EA%B0%9C%EC%9D%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Randomly 개인 프로젝트 - Randomly 개인 프로젝트 - Randomly 📖 주제 스터디 bmy1320.tistory.com 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝..
개인 프로젝트 - Randomly (2023.02.09 ~)
개인 프로젝트 - Randomly (2023.02.09 ~) ⬅️ 이전 개발 일지 https://bmy1320.tistory.com/entry/%EA%B0%9C%EC%9D%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Randomly 개인 프로젝트 - Randomly 개인 프로젝트 - Randomly 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 https://randomly.pages.dev/ React App randomly.pages.dev 🛠️ 사용 기술 - React - Redux - TypeScript - CSS in JS bmy1320.tistory.com 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 http..
기존 리액트 프로젝트에 타입스크립트 적용
기존 리액트 프로젝트에 타입스크립트 적용기 📌 적용 이유 당연히 해야하는 일이라 생각했다. 이제는 타입스크립트의 시대. 타입스크립트를 적용해본 프로젝트가 제대로 없었다. 이 경험을 시작으로 많은 경험을 쌓고 싶다. 🙈 적용전 이미 프로젝트가 배포도 된 상태이고 기능 구현이 어느정도 되어서 타입스크립트 변환으로 생길 오류들때문에 약간 걱정되기도 했다 얼마나 많은 오류를 뱉어낼지... 😋 그리고 배포에도 문제가 생길까봐 두렵기도 했지만, 어차피 넘어야할 산 하루 빨리 넘어보자. 누가 이기나 해보자 아주. 📌 기존 파일들 🤣 기존 패키지 파일들이다. 이 파일들을 이제 하나씩 jsx => tsx 로 변경시켜줘야 한다. 📌 설치 npm install --save typescript @types/node @type..
개인 프로젝트 - Randomly (2023.01.18 ~ .02.09)
개인 프로젝트 - Randomly 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 https://randomly.pages.dev/ React App randomly.pages.dev 🛠️ 사용 기술 - React - Redux - TypeScript - CSS in JS (Styled-Components) - Firebase - CloudFlare 🏠 저장소 https://github.com/soohyun-dev/Randomly 📜 개발 기록 타입스크립트 스터디에서 기술면접 스터디를 추가적으로 진행하면서 한 주간 20문제를 공부해온 뒤, 한 명을 골라 질문을 하는 식으로 처음엔 정하였엇다. 하지만, 한 주에 한명만 대답하는 것은 이 스터디의 목적과는 맞지 않다는 생각이 들었다..