개발일기

[TIL] 불편함을 못느꼈다면 그건 너무 잘 만든 것

📝알고리즘 문제 풀이 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 동적 계획법(DP) 연습하기 좋은 문제. 개념만 이해하면 코드는 쉽게 쓸 수 있는 문제라서 연습하기 딱 좋다. 원티드 클론 코딩 디자인 시스템 프로젝트에 theme을 적용해보기 시작하면서 theme을 어떻게 구성하는지 궁금했다. 원티드 페이지에서는 이렇게 엄청나게 많은 css 세팅이 존재한다. 컬러 포인트가 파란색이라고 그 외에는 그렇게 많지 않을 거..

[TIL] 씁쓸한 마무리

미니 프로젝트 종료 😭아쉬웠던 점 발표 내용중 게시판을 카드나 리스트를 나열하는 방식은 많이 구현해봐서 게시글을 다른 방식으로 특별하게 보여주고 싶었는데요. 이 부분에서 슬라이더를 제작했는데 기획에 맞게 슬라이더를 커스텀하는 부분에서 많은 시간이 걸렸습니다. 전역적으로 관리해야하는 데이터가 있는지 고민을 많이 해보았는데요. 각 페이지에서 전역적으로 관리해야하는 데이터나 관리한다고 얻을 수 있는 이점이 없다는 생각이 들어서 기술 스택에 redux-toolkit이 올라가 있기는 하지만 결국 redux를 사용하지 않기로 했습니다. msw를 이용해서 mock data 작업을 했는데요. api 배포 이전에 통신 과정을 거쳐서 데이터를 실제로 데이터를 사용하는 것처럼 개발하다가 서버 배포 이후에 실제 api로 대체..

[TIL] 미니 프로젝트 기술 레퍼런스 찾기

Vite 환경변수 설정 가장 흔하게 리액트앱을 만드는 CRA (create-react-app)의 경우 .env 파일에 REACT_APP_을 prefix로 써야 리액트 앱이 인식할 수 있다. 그리고 앱에서 process.env.으로 접근하여 사용할 수 있었다. Vite는 따로 dotenv 패키지를 설치해주지 않아도 되고, 공식 문서에 따르면 파일 prefix를 VITE_로 적어줘야 한다고 한다. 그리고 앱에서 import.meata.env.로 접근할 수 있다. https://velog.io/@riley_dev/React-vite%EC%97%90%EC%84%9C-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-.env-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0 [Re..

[TIL] 준비 땅

📝알고리즘 풀이 programmers / level2 / 최솟값 만들기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 쉬운 손풀기 1점 문제 🔮미니 프로젝트 git remote branch 가져오기 // 원격 브랜치에 접근해 git remote를 업데이트 $ git remote update // 원격 저장소 브랜치 리스트 보기 $ git branch -r // 원격 저장소의 브랜치를 가져오면서 브랜치 이동 $ git ..

[TIL] 이걸 몰라서 기획을

미니프로젝트 주차 시작 아니 어제 밤까지 안쉬고 달렸는데 또 시작이야...? 🌊프로젝트 기획 간단한 crud 기능을 이용해서 프로젝트를 기획했다. 취준생이나 사회 초년생들을 위한 부동산 커뮤니티를 주제로 잡았다. 오늘의 집을 모티브로 삼아서 프로젝트 타이틀을 모두의 집으로 선택했고 따뜻한 느낌을 주기 위해서 따뜻한 느낌의 핑크색을 포인트 컬러로 잡았다. 테마는 집이기 때문에 게시글도 집처럼 색다르게 기획을 해보았다. ℹ️프로젝트 Info 모두의 집 와이어프레임 Figma Created with Figma www.figma.com 프로젝트 organization modu-house 항해99 10기 미니프로젝트 모두의 집. modu-house has 2 repositories available. Follow..

[TIL] 안되면 되게하라

💎프로젝트 마무리 프로젝트를 진행하면서 json-server의 기본 기능으로는 할 수 없는 기능이 있어서 json-server를 커스텀해야할 일이 생겼다. 안되면 되게하라 json-server 커스텀하기 json-server 커스텀이 필요했던 이유 react를 redux-toolkit을 공부하면서 간단하게 crud를 실습해야했기 때문에 간단하게 json-server를 이용하기로 했다. json-server에서 지원해주는 기능으로 간단한 crud는 synuns.tistory.com 비동기처리된 코드 이후에 setState를 해주었는데 통신에 분명 문제가 없는데 값이 저장되지 않는다. 찾아보니 useState는 비동기로 동작한다고 한다... 그래서 렌더링이 필요한 데이터도 아니고 해서 변수로만 설정해서 해결..

[TIL] 아, 아니 이미 왔구나

📝알고리즘 문제 풀이 programmers / level2 / n^2배열 자르기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 효율성을 위해서 논리적인 사고가 조금은 필요한 문제 대놓고 문제 해설처럼 배열을 만들어버리면 실행 시간 초과로 해결할 수 없는 문제 🤼‍♀️자바스크립트 스터디 [Javascript] 모듈 기능으로 살펴보는 자바스크립트 자바스크립트는 웹의 보조적인 기능을 수행하기 위해서 설계되었다는 태생적인 한..

[TIL] 다 해내지 못한 일에 대한 미련 버리기

🎙오전 "어떤 개발자가 좋은 개발자인가?" 세션 짧은 정리 귀한 엔지니어의 능력 사고력 + 구현력 + 소통력 (나중으로 가면 갈수록 특히나 소통력이 중요함!) 사고력 문제 해결에 대한 접근 방법이 중요함 그러기 위해서는 충분히 생각해보는 시간이 필요함 (생각하지 않고바로 구글링해보기 x) ex) 1pixel는 몇 bit일까? 내가 해결할 수 있다는 믿음이 근본적으로 필요 소통력 설득할 준비보다 멋진 것은, 설득당할 준비를 하는 것 소통하고자 하는 열린 마음이 필요함 기대를 안했지만 생각보다 너무 좋았던 세션 생각해볼 내용이 정말 많았다. 📝알고리즘 문제 풀이 programmers / level2 / 다음 큰 숫자 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리..