YG - 96년생 , 강아지 있음, 개발자 희망

패키지 설치 npm i -g npm-check-updates를 권장합니다. npx로 설치했을 때 ncu를 터미널에 입력해도 아무런 반응이 없더라고요! npm install -g npm-check-updates 또는 npx npm-check-updates npm-check-updates Find newer versions of dependencies than what your package.json allows. Latest version: 16.14.11, last published: 12 days ago. Start using npm-check-updates in your project by running `npm i npm-check-updates`. There are 532 other project..

타입스크립트에서 타입 명시를 어느 상황에서 해야 할까요? 나는 평소에 타입 추론을 적극 활용하고 있었는데, 타입을 명시하는 상황도 있었는데 그 기준이 모호했다. 어느 상황에서 타입 명시를 하면 좋을까 생각을 해보지 않았는데 책에서 힌트를 줬다. 기본적으로 타입 추론을 하고 타입 추론이 내가 생각한 타입과 틀리다면 타입 명시를 해준다는 것이다. 타입 명시하는 상황의 좋은 기준이라고 생각하여서 나도 그렇게 하기로 생각했다. 추천합니다 저는 타입스크립트를 노마드코더 강의를 보고 입문을 했고, 프로젝트를 하며 타입에 대해 모르는 부분을 공식문서 혹은 gpt에게 물어보며 학습했습니다. 그래서 이론적인 부분(예시로 공변성, 반공변성에 대해 들어는 봤지만 잘 알지 못했습니다)은 약했는데요. 저와 비슷한 분들이 책을 ..

보투게더 프로젝트 홈 화면에서 할 수 있는 기능으로는 글쓰기, 위로 가기, 공지사항 보러 가기, 랭킹보기, 알림 , 카테고리 변경 등 다양한 동작이 있습니다. 그리고 게시글을 보는 방식이 무한 스크롤로 구현되어 있는데요. 시각 장애인이 게시글을 밑으로 계속 내리다가 글쓰기 동작 혹은 알림, 랭킹 등을 보고 싶다면 어떻게 해야 할까요? 이전 탭 인덱스를 보는 단축키를 많이 눌러서 올라가거나 새로고침을 해야 할 것입니다. 이렇듯 무한 스크롤에서는 웹 접근성을 망가지기 일쑤인데요. 프로젝트에서 해결한 방법 공유하려고 합니다. 문제 해결 1. 무한 스크롤이 시작되는 곳에 최상단이라는 것을 알릴 수 있는 버튼을 생성합니다. 버튼으로 생성한 이유는 포커스 기능을 이용해야하기에 버튼을 했습니다. 또한 무한 스크롤이 ..

터미널 커스터마이징 하기 전 터미널 커스터마이징 하고 난 후 시작 먼저 터미널에서 shift를 누르고 설정을 눌러줍니다. 그러면 vscode에서 settings.json에 들어갈 수 있습니다. 그리고 wsl 확장자를 깔아줍니다. Name: WSL Id: ms-vscode-remote.remote-wsl Description: Open any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code's full feature set. Version: 0.81.8 Publisher: Microsoft VS Marketplace Link: https://marketplace.visualstudio.com/it..

VSCode 설치하기 https://code.visualstudio.com/ 제가 자주 사용하는 확장자 1. Community Material Theme Name: Community Material Theme Id: Equinusocio.vsc-community-material-theme Description: The official community maintained Material Theme with 'legacy' color schemes you love! Version: 1.4.6 Publisher: Equinusocio VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community..

시작하기 전 가상화가 켜져있는 지 확인합니다. 저의 경우 꺼져있었기 때문에 바이오스 설정을 해주었습니다. 컴퓨터 다시시작 버튼 누르기 -> f2, del 버튼 누르고 cpu 셋팅에서 svm 모드 혹은 가상화 모드를 켜주면 됩니다. WSL2 설치하기 https://learn.microsoft.com/ko-kr/windows/wsl/install WSL 설치 wsl --install 명령을 사용하여 Linux용 Windows 하위 시스템을 설치합니다. Ubuntu, Debian, SUSE, Kali, Fedora, Pengwin, Alpine 등 원하는 Linux 배포판에서 실행되는 Windows 머신에서 Bash 터미널을 사용할 수 있습니 learn.microsoft.com 1. PowerShell을 관리..

보투게더 팀 블로그에서 작성한 글을 가져왔습니다. Dialog 태그 위로 토스트 보이도록 하기 (feat.TopLayer, createPortal) html dialog 태그로 만든 Drawer에서 에러가 났을 때 토스트가 보이지 않는 상황이 있었습니다. 이유는 dialog는 최상위 계층 (Top layer)으로 열리기 때문인데요. topLayer는 페이지의 다른 모든 콘텐츠 레 velog.io 문제가 되는 상황 html dialog 태그로 만든 Drawer에서 에러가 났을 때 토스트가 보이지 않는 상황이 있었습니다. 이유는 dialog는 최상위 계층 (Top layer)으로 열리기 때문인데요. topLayer는 페이지의 다른 모든 콘텐츠 레이어 위의 존재하는 레이어입니다. 그래서 토스트가 TopLaye..

fetch를 추상화한 기존의 코드 import { ACCESS_TOKEN_KEY } from '@constants/localStorage'; import { getLocalStorage } from './localStorage'; import { silentLogin } from './login/silentLogin'; const headers = { 'Content-Type': 'application/json', }; export const makeFetchHeaders = () => { const accessToken = getLocalStorage(ACCESS_TOKEN_KEY); if (!accessToken) { return headers; } return { ...headers, Authori..