봉보로봉봉

지난 일주일 동안 깃헙에 잔디를 심었는데 잔디가 안보였다... 내 잔디는 어디로 간 거야...? 🥺 그래도 연한 잔디가 심어질 정도로 커밋했는데.... 친구에게 물어보니 로컬 깃헙 config에 있는 메일과 깃헙 계정에 저장된 이메일 주소가 다르면 잔디가 안 심어진다고 한다. 세상에 이런 일이!!!!! 😲😲😲😲😲😲😲😲😲😲 config 이메일을 황급히 깃헙 이메일대로 수정했으나 이미 다른 이메일로 푸시해버려서 잔디 상황은 똑같았다. + 깃헙 config 한 번에 수정하는 명령어 git config --global --edit 그래서 깃헙 계정에 이메일을 추가해줬다. 로그인을 하고 계정에서 settings에 들어가서 email 메뉴에 들어가면 새로운 이메일을 추가할 수 있다. 추가한 뒤 추가한 이메일의 메일..

처음에는 모든걸 괄호 안에 적어줬는데 자꾸 빨간줄을 띄우길래 괄호 안에 있던 걸 변수로 분리해줬다. 그래도 menu에서 빨간 줄을 띄웠다. const getRandomMenu = () => { const randomNum = Math.floor(Math.random() * foodArr.length); const menu = foodArr[randomNum] !== undefined ? foodArr[randomNum] : '분류를 선택해주세요'; // 여기서 menu에 자꾸 빨간 줄을 띄웠다. setTodayMenu(menu); }; 나는 아무것도 하지않았으나 타입스크립트가 추론하길 이 자리에 null과 undefined이 들어갈 수 없어서 불만을 띄운 것 같았다. 그래서 todayMenu state에..

동기가 과제로 채팅 프로그램을 구현하는데 최신 채팅이 채팅 목록 아래로 추가되는 형태였다. 스크롤을 항상 아래로 내려서 최신 메시지를 보여주고 싶어 했다. 집단지성으로 모두를 불러 모아 찾아보다가 나도 언젠가 쓸 일이 있지 않을까 싶어서 기록해둔다. const chatBox = document.getElementById('chatBox') chatBox.scrollTop = chatBox.scrollHeight; 찾아보니 메소드 scrollTop()은 제이쿼리 메소드 같다. 바닐라 JS는 scrollTop에 할당을 해줘야 하는 것 같다.

배열에 타입도 야무지게 선언해줬는데 왜 또 화를 내시는 겁니까 타선생님...😇 const arr : string[] = ['string'] 'food.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. 이유 ts파일에서 export를 해주지 않으면 타입스크립트는 화를 내는 것 같다. 아무것도 export하지 않는다면 이렇게 해주면 된다. export {} export를 해야하는 변수가 있다면 export를 붙여주면 된다. ... export cons..

타입스크립트 리액트 타입스크립트에서 js로 쓰던 파일은 ts로 jsx로 쓰던 파일은 tsx로 해주면 된다. 타입스크립트 styled-components styled-components를 타입 스크립트에서 사용하려면 추가적으로 다운을 받아줘야한다. npm i styled-components --save npm i --save-dev @types/styled-components 처음에는 타입을 받아오는 명령어를 다른걸 사용했었는데 Cannot find module 'styled-components' or its corresponding type declarations. 오류가 떠서 다시 --save-dev 를 추가해서 재설치해줬다. 참고 ThemeProvider 사용하기 기존에 나는 theme.js를 이런 ..

원격 저장소에 깜빡하고 .env를 올려버렸다. 뒤늦게 .gitignore에 추가를 해도 원격 레포에서는 지워지지 않아서 원격 레포의 파일 자체를 지우기로 했다. 원격 레포에 있는 파일을 지운다. # 원격 저장소와 로컬 저장소에 있는 파일 삭제 git rm 파일이름 # 원격 저장소에 있는 파일을 삭제, 로컬 저장소에 있는 파일은 삭제 X # 이걸 사용해서 원격 레포에 있는 .env만 지울 수 있다. git rm --cached 파일이름 변경사항을 스테이징한 후 커밋을 남긴다. git add . git commit 원격 레포에 푸시한다. git push origin main 그럼 원격 레포에서 파일 삭제 끝!

⭐️모두에게 롤링페이퍼 쓰러 가기 JUSTCODE 6기 롤링페이퍼 JUSTCODE 6기 롤링페이퍼 토이 프로젝트입니다. justcode-6th-rolling-paper.vercel.app 🤔 프로젝트를 시작하게 된 이유 수료식을 앞두고 동기들과 이야기를 하다가 롤링페이퍼를 하는 건 어떻냐는 이야기가 나왔다. 프로젝트를 또 만들기에는 시간이 모자라다고 생각해서 있던 서비스를 이용하기로 했다. 구글에 롤링페이퍼로 검색했을 때 제일 상단에 나오는 서비스를 이용해보려고 했는데 내가 원하던 방식이 아니었다. 롤링페이퍼를 서로 써주려면 동기들 모두가 서비스를 가입하고 자신의 보드를 만들어야 했다. 이렇게 되면 모두들 롤링페이퍼 작성에 참가하지 않을 것 같아서 시간이 촉박하지만 일단 만들어보기로 했다. 🛠 프로젝트 ..

keyof keyof를 사용하면 인터페이스의 key들을 가져올수있다. interface User { name : string; age : number; hobby : string; gender : 'm' | 'f' | 'etc'; } type Userkeys = keyof User; // name, age, hobby, gender 그리고 이렇게 사용할 수 있다. interface User { name : string; age : number; hobby : string; gender : 'm' | 'f' | 'etc'; } type Userkeys = keyof User; // Userkeys에 없기때문에 에러 const uk1 : Userkeys = ''; // Userkeys에 있기때문에 가능 co..