오늘 나는 무엇을 공부했는가.

오늘은 컴퓨터에 몽고DB를 설치하는데 하루를 보냈다.첫 난관은 몽고DB를 설치한 뒤에 data 폴더와 경로를 연결하는 곳에서 마주했다. 다만 이건 그냥 내가 헛발질 한거라서 인터넷 찾아보고 경로 잘 설정해서 해결.두 번째 난관은 기본 설정을 마치고 테스트 시동을 할 때

오늘은 ejs에 대해서 공부했고, 그 내용을 정리해볼까 한다.ejs는 템플릿 모듈 엔진이라고 하는데 내 기준에서는 node js에서 화면을 뿌릴 때 도움을 주는 패키지라고 이해했다. 지금으로서는 차이를 정확하게 모르겠지만 아마도 react랑 비슷한 기능을 하는 게 아닐

내일배움캠프(이하 '내배캠')에서 본캠프가 시작된 지 2일차이다. 이전에 한 달 정도 진행되었던 사전캠프는 하루에 4시간 정도였는데 본 캠프는 12시간이다. 점심저녁 빼도 10시간...후덜덜하다. 이틀밖에 안지났는데 벌써 컨디션 난조의 기운이 보임...그래도 팀원들도

firebase를 이용해서 방명록을 만들려고 하는데, 이런 형태의 방명록이다.파란색 선은 팀원과의 소통을 위해 그어놓은 거라서 디자인적 요소는 아니다.저 안에 들어갈 각각의 글들을 만들기 위해 코드를 작성했는데, 대략 이런 형태다.위와 같이 방명록을 작성하고, 방명록을

여는 글 오늘로 첫 프로젝트가 대강 마무리되어가고 있다. 혼자 무언가를 만들때와는 다르게 팀원들과 소통하고 맞춰가며 조율해야 하는 부분들이 많았기 때문에 그런 부분에서 오는 어려움도 분명히 있었지만, 그만큼 재미와 성취감을 얻을 수 있었다. 누군가와 함께 어려움을 극

오느른요 일주일중에 유일하게 쉬는 날!내일은 또 아침부터 저녁까지 수업하느라 바쁘니까 오늘은 즐겁게 만들고 싶은 거 만들기!첫 번째는 어제 만들었던 토스트 모션을 조금 수정했어요.어제 만든 걸 오늘 봤더니 토스트는 올라오는데 레버가 안움직이더라고요. 그래서 일러스트로

호이스팅이라는 말을 잠깐잠깐 들어만 봤지 뜻이 뭔지는 모르고 있었음.내가 이해한 바로는 호이스팅이란 변수의 선언부와 함수의 선언부를 코드에서 위로 끌어올린다고 이해했다.예상 결과:1undefined2실제 결과:112기본적으로 프로그래밍 언어는 위에서부터 아래로, 왼쪽에

드디어 강의를 한 바퀴 돌고 개인 프로젝트를 집어들었다. 솔직히 5주차 class 문법은 그래도 괜찮았는데, 4주차 this binding 부분이 ㄹㅇ루 너무 빡셌다. 나중에 한 번 더 들어야 할듯... 중간에 탈주하고 개인 프로젝트나 하러 가고싶었지만 그래도 공부해야

개인 프로젝트 문서 바로가기 개인 프로젝트가 끝났다!열심히 찾아보면 당연히 수정할 부분들이 더 있겠지만 일단 이렇게 마무리하기로 했다.오늘은 거의 css랑 간단한 js만 수정하고 크게 추가한 게 없어서 적을 게 없다! 어제 새벽 네 시 까지 호다다닥 해가지고 거의 끝내

여는 글 알고리즘 풀이 진행 현황 오늘의 알고리즘 풀이! 캠프에서 제공하는 문제 시트는 하루에 5개씩 풀기로 했다. 오늘은 5의 숫자에 맞추기 위해 조금 더 풂! 코드 리팩토링하기. 오늘 코테 기초 문제를 풀고 있는데, 문제를 풀고 났더니 너무 주먹구구식으로

오늘은 짧음!원래 dothome에서 열심히 공부하면서 만든 페이지나 클론 코딩한 페이지 모아뒀었는데 이번에 netlify로 옮겨서 띄워보기로 했다.왜냐하면 dothome을 쓸 때는 페이지에 수정사항이 생기면 내가 filezila같은 앱을 써서 직접 파일을 올려줘야 했었

오늘은 사이드 프로젝트를 진행하기 위해 유데미에서 관련 강의를 들었다. 이번주 그리고 다음주에 볼 부분이 인증과 보안에 관한 부분인데, 확실히 어렵다. 그래서 오늘 공부한 내용을 기록해두고 이어서 공부할 부분들과 잘 연결할 수 있도록 노력해야겠다.먼저 이 함수에는 DB

여는 글 오늘의 알고리즘 풀이

오늘은 코딩스터디 영상을 찍었다!아침부터 영상을 찍었는데, 두 번은 오류때문에 영상이 날라가서 다시 찍었다.코드를 짜는 것과 실제로 그걸 설명하는 건 천지차이여서 막상 찍을 때는 어벙벙하게되고 설명도 잘 안나왔다.그래도 마무리까지 잘 해가지고 오늘은 만족! 잘 마무리해

오늘은 거의 기획하고 UI 디자인만 했음

열심ㅎ ㅣ 작업중하루종일 작업만 해따

팀 프로젝트가 어느정도 정리되고, 내가 주로 담당한 부분의 개발도 끝나가서 오늘은 중간점검처럼 개발 내용을 조금 정리하고자 한다. 어제와 그저께는 너무 정신없게 시간을 보내고 진이 빠질만큼 뭔가 열심히 해서 TIL을 거의 제대로 못썼었기에 오늘은 예쁘게 써보려고 한다.

여는 글 오늘은 일주일 중에서 유일하게 쉬는 날! 아무 일정 없는 날! 쉬는 날이니 방청소도 해주고~ 요즘 꽃가루가 많이 날라다녀서 창문을 열어놓으면 책상이랑 모니터 이런 곳들에 초록색으로 뭐가 자꾸 묻어나고 쌓인다. 그래서 더 자주 청소하게 되는 것 같당. 책상

오늘은 생활코딩 이고잉님의 React 강의를 들었다. 그동안 꾸준하게 React를 공부하고 싶다는 생각이 있었는데, 아직 바닐라JS도 부족한 나에게 리액트는 무리가 아닐까 생각하며 반려하고는 했었다. 그리고 실제로 한 달 전인가 이고잉님의 동일한 리액트 강의를 Stat

글 하나 더 적기~ 이건 따로 적어놓고 싶어서 글을 하나 더 적는다.아까 react 공부를 하면서 의문점이 하나 있었는데,내가 원하는 건 숫자에 관한, 즉 count에 관한 정보만 업데이트 되는 것이었는데, 지금 보니까 변경하지 않은 것들도 모두 다시 재실행되는 모습이

2024.05.06gsap 라이브러리 활용. 이런거 만들었당.

2024.05.07 회원가입 기능 구현

DB 잠김. 해결중

오늘 드디어 첫 WIL을 적어본다! 드디어 귀여운 WIL 썸네일을 쓸 수 있다. 후후.이번 주에는 개인 프로젝트를 진행했는데, 주로 JS를 사용하면서 JS 코드를 어떻게 작성해야 하는지 고민하게 되었던 한 주였던 것 같다. 특히 promise객체를 반환하는 콜백함수들

오늘 새로운 조가 편성되고, 새로운 팀원들을 만났다. 처음 만나는 사람들과 친해지는 일은 어렵지만 친했던 사람들은 계속 친하고 또 새로운 사람들을 만날 수 있으니 행복하다! 새롭게 만난 팀원들도 다들 좋은 분들이고 첫 날부터 수다도 꽤 많이 나눈 것 같아서 이정도면 꽤

오늘은 javascript에서 비동기 함수의 실행 순서를 제어하는 Promise와 async/await에 대해 공부하고 React 강의를 들었다. 아무래도 javascript에서 내가 제일 많이 헤맨 부분이 비동기 부분이기도 하고 그래서 한 번 짚고 넘어가야겠다 싶었다

벌써 주말이 끝나간다. 언제나 주말은 정신없이 흘러간다.오늘은 집에 와서 React 강의를 조금 들었다.가능하면 내일 일찍 일어나서 강의를 조금 더 들으려고 한다! 팀프로젝트 마친 이후로 계속 건강이 안좋아서 요즘 조금 피곤하다ㅠ오늘은 약먹고 일찍 자려고 함!React

작성중

내일은 휴일! 그렇지만 다른 팀원분들이랑 내일도 공부하기로 했다. 그래도 참 즐겁다. 내배캠을 안했으면 이렇게까지 즐겁지는 않았을 듯! 지금 팀원들도 좋고 전의 팀원들도 좋다. 나는 원래 사람을 좋아하는 타입이라서 그런지 지금의 일상이 소중하고 즐겁다. 모든 것이 항상

URL로 데이터를 요청할 때, 만약 데이터의 양이 무수히 많아서 한 번에 1억개의 데이터를 받아온다면 컴퓨터에 부하가 올 수 있을 것이다. 그래서 서버에서는 일정한 단위를 기준으로 해서 분절된 정보들을 보내주는데, 보통 URL 요청에 대한 response에는 page에

살고시퍼

이따가 정리해서 올릴게요~!

오늘은 개인 프로젝트인 가계부 만들기를 마무리하고 챌린지 과제를 시작했다!이번 과제는 CSS도 중요한 부분인 만큼, 프로젝트 기획을 미리 작성하고나서 마음 딱 먹고 디자인부터 따기로 했다.노션에 새로 일정도 작성하기!메모 페이지가 이렇게 생겼는데 혹시나 반응형도 되어있

📦src ┣ 📂assets ┃ ┣ 📜favicon.ico ┃ ┗ 📜react.svg ┣ 📂components ┃ ┣ 📂Calendar ┃ ┃ ┣ 📜Calendar.jsx ┃ ┃ ┣ 📜Calendar.styled.js ┃ ┃ ┗ 📜index.js ┃ ┣

제가요?

여는 글 주위에 팀원분들이 다 이렇게 좋은데 힘내지 않을 이유가 없다! 빠이팅!

\--

알고리즘

새로운 팀 프로젝트 시작!오늘 한 일!프로젝트 기획.프로젝트 와이어프레임 작성.프로젝트 UI 디자인.Supabase ERD 작성.협업용 프로젝트 Redux와 Router 세팅 및 샘플 파일 작성.끝!

작성중

오늘은 Zustand에 대해서 공부했다! Redux를 공부하고 온 나에게는 마치 하늘에서 떨어지는 단비와 같다…Provider…dispatch…slice 안녕끝.??실제로 Zustand에서 store를 만드는 코드가 이렇게 간단할 줄이야… 심지어 Provider로 감쌀

React Query 연습하려고 더미 데이터 만들고, Supabase에 데이터 넣어놔ㅏ따

오늘은 페이지네이션에 대해 공부했다!페이지네이션을 구현하기 위해서 Supabase에 더미데이터를 넣고 연습했다! 일반적으로 페이지네이션을 구현할 때는 query parameter로 page와 limit 값을 받는 것이 일반적이다. 다만 이번에는 백엔드가 아니라 Supa

위에 interface Country는 API에서 받아오는 데이터를 위한 type이고, interface CountryInfo는 useQuery에서 queryFn이 select옵션을 거친 후 return되는 데이터를 위한 type이다. Typescript로 간단한 Fa

현재 선택된 정렬 옵션, 호버 상태의 디자인 변경포커스 상태에서의 디자인 변경

오늘은 tailwind에서 컴포넌트를 재사용하기 쉽도록 만들어주는 라이브러리인 cva에 대해서 복습했다.먼저 cva 설치해주기!cva 함수를 이용해서 className에 들어갈 함수를 만들어준다!참고로 cva() 는 값이 아니라 함수를 반환한다!그래서 className

참고한 자료https://soobing.github.io/react/next-app-router-react-query/그동안 react query를 사용할 때 useQuery를 익명 함수로 한 번 더 묶어서 hook으로 분리해 사용하고는 했지만, queryKe

터미널에서 먼저 npm으로 react-hook-form 설치해줍니당!App 컴포넌트에서 useForm이라는 훅을 불러와 사용할 수 있습니다.다른 옵션들이 더러 있지만 기본적으로 가장 많이 사용하는 건 register와 handleSubmit일 것 같습니다.registe

오늘 아이템 목록의 시작날짜랑 오늘날짜를 비교해서 시작까지 남은 기간을 알려주는 기능을 구현했는데, dayjs의 diff라는 method를 이용하니까 이를 굉장히 쉽게 구현할 수 있었다.

React나 Next.js의 프로젝트에서 모달을 관리하는 가장 간단한 방법은 페이지 내에서 state로 modal의 활성 여부를 관리하는 것이다.다만 위와 같이 사용하면 페이지마다 state를 추가해서 관리해줘야 하는 번거로움이 있다. 그래서 최종 프로젝트에서는 mod