Storybookstorybook 공식에 나와 있는 예제를 따라하면 오류가 난다고 해서… 기본 예제를 그냥 복붙해서 가져다 쓰는 게 마음이 편하다.DesciprtionButtonProps에 적힌 내용이 Description 열에 들어간다. 근데 응집도를 더 높이는 방법을 추천한다. export interface ButtonProps { /** * Is this the principal call to action on the page? */ primary?: boolean; backgroundColor?: string; size?: 'small' | 'medium' | 'large'; label: string; onClick?: () => void; }argTypes 내부에..
크롬 개발자 창 사용하기단축명령어cmd + option + I: 최근 사용한 탭을 열어준다.cmd + shift + P: 명령어 창을 열어준다.cmd + option + J: 바로 콘솔창이 열린다.HTML요소 수정하기태그 이름이나 태그 내부에 있는 content 등을 개발자도구에서 편집할 수 있다. 위치 이동 및 속성 수정도 가능하다.CSS 수정하기CSS 스타일에 있는 네모난 색상 칸을 클릭하면 스포이드로 색 추출이 가능하다.텍스트 명도대비content 요소를 선택해서 마우스를 가져다대면 contrast로 확인이 가능하다.가상 클래스 확인요소 상태 전환 버튼을 통해 hover, active 등 여러 상태의 CSS를 확인하거나 특정 클래스를 추가할 수 있다.Javascript 비활성화환경설정 > 디버거 >..
시나리오 자바스크립트를 들으며 궁금하거나 새로 배운 내용을 정리했습니다.Serverless 함수Serverless란?개발자가 직접 서버를 관리하는 걸 신경쓰지 않아도 되는 클라우드 시스템을 의미한다. 클라우드는 서버관리의 하드웨어적인 부분을 다른 회사의 서비스에서 빌려 사용할 수 있도록 한다. 즉, 다른 회사가 보유하고 있는 서버 시스템을 돈을 내고 사용하는 것이다.하지만 여전히 소프트웨어적인 부분은 개발자가 따로 관리를 해야한다. 이때 기존엔 서버에 사용자의 유입량이 얼마나 되든 시간당 결제를 해야했다. 하지만 서버리스 컴퓨팅이 등장하면서 사용자 요청이 오지 않는 시간에는 휴식 상태에 들어가 있다가, 사용자 요청이 발생하는 경우에만 서버가 깨어나면서 그 부분에 대해서만 결제를 하면된다.더불어 유저 유입..
개발 TIL어떤 라이브러리는 .bin 폴더에 들어가고 어떤 폴더는 node_modules 에만 들어가는 이유vite 와 같은 경우 package.json 파일 내부에서 bin 필드를 사용하여 명령어와 실행파일 간 매핑을 설정하기 때문에 가능하다."bin": { "vite": "bin/vite.js"}shebang해당 스크립트를 어떤 인터프리터로 실행할지 지정하는 기능을 제공한다.// #!// #!/bin/bash-> 이 파일을 실행시키는 인터프리터는 bash라는 의미이다.영어 TIL나한테 매일 편지 쓴다고 약속해!Promise you'll write to me every day!이 수업을 통과하기 위해선, 모든 강의에 출석해야할 거예요.In order to pass this class, you wi..
개발 TILNode JS promisify함수를 promise 화 해주는 함수이다. util 라이브러리를 가져와서 사용해야 한다.import util from 'util';util.promisify();async 함수에서 await 반환을 금지하는 ESLint가 있다.async 함수는 반환값을 Promise로 감싸 반환하기 때문에 fetch 함수를 await 한 값을 바로 내보내면 의미가 없다고 보는 의견도 있다.const fetchData = async() => { return await fetch('url');}const response = await fetchData();response.json() 메서드는 비동기 함수이다.fetch 메서드로 데이터를 받아오면 항상 return response..
아무래도 블로그를 옮겨야할 것 같다. 이유는 가독성 때문에. (...) 마크다운 언어를 알고나니 블로그에 쓰는 글이 깔끔하지 않아보이기도 하고, 최근 코딩 블로그 트렌드(?)는 velog를 사용하는 것 같아서 나도 차근차근 기존의 포스터들과 노션에 정리해뒀던 내용들을 velog에 옮겨 적으려고 한다. 별로 쓴 글이 많지 않다고 생각했는데 해당 포스터들을 다시 정리해서 velog게 업로드할 생각을 하니 막막하다. 좋은 포트폴리오를 위해서 글이 더 많아지기 전에 해야하는 수밖에 없겠지. 앞으로 자기 전에 휴대폰 하는 시간을 줄이고 블로그나 다이어리에 일기를 쓰고 계획을 짜는 시간을 더 늘려서 종강 전으로 바쁜 일들을 미리미리 해놔야겠다. 그래야 그 때의 내가 편할 테니까...🥲 이 블로그는 일기용도, 정리되..