그린그린티라떼

오랜만에 react 개발하면서 npm 환경 설정부터 헤매고 있다 역시 옛날 코드 쓰는 건 시간이 많이 든다 npm cache clean -f rm -rf node_modules 우선 캐시를 삭제하고 node_modules도 제거 한 뒤에 다시 npm install && npm start 진행하기 yarn 캐시 삭제는 아래와 같이 입력해주시면 됩니다. yarn cache clean

(Element) position: fixed; Element -> ViewPort (Element) position: absolute; (Ancestor content + padding) position: absolute; position: relative; position: fixed; position: sticky; (Element)) position: static; position: relative; (Ancestor content) block level element Element -> Ancestor/Content + padding

1) VSCode의 왼쪽 메뉴에 있는 확장 프로그램 Code GPT를 검색해서 설치해줍니다. 2) Code GPT 설정으로 가서 API Key를 클릭해서 브라우저를 띄웁니다. 3) 브라우저에 들어가서 로그인을 하면 API key를 발급받을 수 있습니다. 4) Key값을 만들어 복사해주세요. 5) 다시 VSCode로 돌아와 Set API KEY를 선택해주세요. 6) API KEY를 넣어 줍니다. 7) test.js 파일을 하나 만들어서 주석으로 궁금한 질문을 입력합니다. cmd + shift + p 를 눌러 실행시킵니다. 아래와 같은 경우 질문을 잘 수행하지 못했을 때의 결과물입니다. 8) Implement token authentication method membership registration log..

https://sketch.metademolab.com/canvas Animated Drawings sketch.metademolab.com AI로 재미있는 걸 만들어주는 사이트가 생겼다 지율이 귀여워🥰🥰 https://sketch.metademolab.com/share/d6a0cbbc69a84d09b93df762651bfaa7/standard_walk

px - Pixels Absolute Lengths % - percentages Viewport Lengths & Font-Relative Lengths rem - root em Font-Relative Lengths em - em vh - viewport height 현재 보이는 화면에 대한 길이(Viewport Lengths) vw - viewport width 현재 보이는 화면에 대한 길이(Viewport Lengths) feat. vmin, vmax 등도 있음 어떤 프로퍼티를 사용해야 되는지? 박스 모델 프로퍼티? font-size, padding, border, margin, width, height, top, bottom

ul.no-bullets { list-style-type: none; /* Remove bullets */ padding: 0; /* Remove padding */ margin: 0; /* Remove margins */ } Default list: Coffee Tea Coca Cola Remove bullets, margin and padding: Coffee Tea Coca Cola 결과 Default list: Coffee Tea Coca Cola Remove bullets, margin and padding: Coffee Tea Coca Cola

저는 Itrem2를 터미널 창으로 잘 사용하고 있는데요 VSCode와 Iterm2 연동을 할 때 꼭 해줘야 되는 작업이 있습니다! code . 명령어를 써서 VSCode를 직접 여는 수고로움을 더는 작업을 꼭 해주어야 편한 개발 환경 세팅이 되겠죠?! VScode의 settings(cmd + shift + P)에 code를 검색하면 Shell Command: Install 'code' command in PATH를 눌러 설치해줍니다. 이 작업을 하고 시스템 종료 후 다시 위와 같이 code .로 VSCode를 키려고 하면 code라는 명령어가 없다는 문구가 뜹니다. 해결 방법은 아래와 같습니다. .zprofile을 수정해주는 작업이 꼭 필요하니까 아래의 명령어 잘 붙여넣기 해서 편리한 개발 환경 세팅 완..

The Box Model - margin, border, padding, content Styling Width & Height - px or % (or other units) - % refers to container - width and height - box-sizing can be content-box(default) or border-box Pseudo Classes & Elements :hover :active :first-of-type ::after ::first-letter The "display" Property - control behavior(block vs inline) of elements - Mix behavior via inline-block - Remove elements v..

h1태그는 Selector color, background-color등을 property blue, yellow등의 값은 value 위와 같은 형태로 작성한다. 자주 쓰이는 properties에는 color, backgroud-color, display, padding, border, margin, width, height 등이 있다.

.main-nav__item a:hover, .main-nav__item a:active { color: white; } 결합자와 관계없이 하나의 규칙으로 그룹화 가능 더 보기 좋게!