분류 전체보기
TIL #14 - 깃허브 레포지토리 대표 언어 변경
TIL #14 - 깃허브 레포지토리 대표 언어 변경 👨💻 오늘 나는 무엇을 배웠는가? 깃허브 레포지토리 대표언어 변경법 아니 어느순간 깃허브를 보니 타입스크립트 프로젝트의 대표언어가 HTML인 것이다. 이게 무슨.... TypeScript 를 공부하고 파일을 작성해서 올리는 곳인데, 기본으로 제공되는 html 파일들이 많다보니 이런 불상사가... 아... 불편하다 불편해.... 다행히 이 비극을 해결할 수 있다! 어떻게 ❓ 레포지토리 루트 경로에 .gitattributes 파일을 생성한다. 이후 다음과 같이 작성한다. 나는 레포지토리 언어에 ts, html, css 밖에 없다 따라서 위 3개만 작성하면되는데 이 부분은 각자의 레포지토리에 따라 다르니 참고만 하자. linguist-detectable=t..
Randomly 프로젝트 - 카테고리별 균등 분배 기능 구현
드디어 카테고리 기능을 구현하였다!!! ✔️ 기능 설명 이 기능이 필요한 사용자는 다음과 같다. - 질문의 종류가 여러개인경우 (ex. React , Js, CS...) - 위 질문들을 무작위로 받는 것이 아닌 각 종류마다 균등하게 분배받고자 하는 사용자들 활용 예시는 다음과 같다. ex) 팀원 A, B, C는 기술면접 스터디를 진행하고자 한다. 등록한 질문은 React 관련 질문 3개, Js 관련 질문 3개, CS 관련 질문 3개로 총 9개의 질문이 등록되어있다. 스터디 진행시 질문을 각자 3개씩 분배하게 하였는데, 무작위 분배 기능을 사용하면 어떤 팀원이 React 질문만 3개 받아 버리는 경우가 생겼다. 각 팀원들은 이런 방식이 아닌 React, Js, CS관련 질문글을 각각 1개씩 개인마다 분배 ..
Randomly 프로젝트 - 새 기능 생성 (질문별 카테고리) 에 대하여
Randomly 프로젝트에 새로운 기능을 생성하려고 한다!!! 무엇?! ✔️ 질문 별 카테고리 기능! 해당 기능이 왜 필요할까? 스터디 팀원들과 질문을 주고받는 방식을 이제 변경해보고자 한다. 기존까지의 질문 방식은 구분없이 20개의 질문중에서 랜덤으로 분배하여 질문을 할당하던 방식이였다. 하지만, 이후로 적용할 방식은 JS 5개, React 5개, CS 5개 ... 이런식으로 질문들을 선별하여 각 개인마다 분류별로 하나씩 뿌려줄 예정이다. 해당 기능을 프로젝트에서 사용하려면 등록된 질문들이 어떤 분류의 질문인지를 알아야한다. 그래야지 중복없이 하나씩 뿌려줄 수 있기 때문이다. 어떻게 구현할건데? 고민이 많이된다. 단순하게 생각했는데, 추가할때만 생각하면 안되고 질문을 수정,삭제 때도 생각해야한다. 그럴..
Randomly 프로젝트 - ErrorBoundary 적용
Randomly 프로젝트 - ErrorBoundary 적용 프로젝트에서 예기치 못한 에러가 발생할 때 사용자에게 빈화면을 노출시키는 것이 계속 신경쓰였다. 이런 불편함을 최소화하고자하는 방법을 찾던 도중 ErrorBoundary라는 것을 알게 되었다. ErrorBoundary 란? ErrorBoundary를 사용하면, 리액트를 사용하면서 발생되는 컴포넌트의 에러를 핸들링할 수 있게된다. 다음을 보자. 위 화면처럼 컴포넌트에서 어떠한 오류가 발생하면 렌더링이 중단되고 빈화면을 노출시킨다. 이 상황에서 빈화면 대신 사용자가 정의한 화면을 보여지게 유도할 수 있다. 방법 ErrorBoundary는 원래 클래스형 컴포넌트에서만 사용가능하다. 하지만, 나는 함수 컴포넌트를 사용하고 있기때문에 다른 방법이 필요하다..
2023.01 ~ 02월 회고
2023.01 ~ 02월 회고 2023년 1,2월이 지나고 어느덧 3월이 되었다. 아직 학교를 다니고 있었다면, 내일이 개강일일텐데 나한테는 이제 상관없는 일이 되었다. 그래도, 아직 반은 학생이라는 생각으로 겨울방학을 잘 보내려고 노력하였다. 1월, 2월을 잘 보냈냐고 물어본다면, 어느정도는 그렇다. 라고 말할 수 있겠다. ✔️ 기술적인 성장 일단 기술적인 성장을 갖게 되었다고 느낀다. 왜? 우선, 개인 프로젝트를 1월 중반부터 시작했다. 처음엔 진행하고 있는 스터디에 도움을 주기 위해 개발을 시작하였는데, 기능들이 덧붙여지고 하다보니 생각보다 더 많은 진행을 하게 되었고 지금도 지속적인 개발을 하고 있다. 어떠한 기술적인 성장이 있었는데? TypeScript와 Redux에서의 성장 !! Vite 같은..
테오의 스프린트 14기 회고
테오의 스프린트 14기 회고 📌 진행 기간 (2023.2.22 ~ 2.27) 13기가 아닌 14기!!!! (부스 글자가 이전 기수로 되어있더라고요) 제 닉네임은 '펄스' 입니다~ 📝 참여 기다리고 기다리던 테오의 스프린트가 시작되었습니다!!! 꼭 참여해보고 싶었던 테오의 스프린트였는데, 때마침 14기가 모집하여서 무조건 신청했습니다 ㅎㅎ 제가 이 스프린트를 통해서 얻고 싶은 부분들은 크게 세 가지가 있었어요. 1. 단기간의 협업을 통해 시너지를 뽑아내는 것. 2. 익숙하지 않은 기술이라도 주어진 부분에 대해서는 책임을 다해서 완성시키는 것 3. 문서화 사실, 단기간의 개발기간 안에 완전한 기능을 구현하고 배포하는 것은 무리일 수도 있습니다. 따라서, 저는 그 과정에 더 집중하기로 했어요. (물론 완성을 ..
개인 프로젝트 - 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...
백준/ Gold 2 문제 , 백준 Node.js 자바스크립트 17822 원판 돌리기 [ 구현, 시뮬레이션 ]
백준/ Gold 2 문제 , 백준 Node.js 자바스크립트 17822 원판 돌리기 [ 구현, 시뮬레이션 ] ✔️Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 🧑💻 1. 최상 2. 상 3. 중 4. 하 이해도 🙆♂️ 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 문제 출처 🏠 https://w..