[CSS] 블럭요소와 인라인요소

* 블럭요소(block element)와 인라인요소(inline element)란? - 블럭요소 : 하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들입니다. - 인라인요소 : 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우로 다른 태그가 나란히 위치할 수 있는 요소들입니다. 행 안의 일부분이라고 보시면 됩니다. 텍스트레벨요소라고도 합니다. 블럭요소(block element)와 인라인요소(inline element)의 종류 - 블럭요소 : ,,~,,,,,,,,,,등 - 인라인요소 : ,, ,,,,, 특징 및 주의점 - 블럭요소는 내부에 블럭요소와 인라인요소를 포함할 수 있습니다. 인라인요소는 내부에 블럭요소를 포함할 수 없습니다. - 블럭요소들 중에..

• format_list_bulleted css
• · 2023. 6. 29.
• textsms

[에러] API - The request cannot be completed because you have exceeded your <a href=\"/youtube/v3/getting-started#quota\">quota</a>.

postman에서 다음과 같이 쿼리 에러가 났다. 프로젝트의 할당량의 Queries per day를 확인 해보니 한도에 꽉찼었다. 다른 키를 사용하거나 할당량을 늘려주면 된다.. 할당량을 늘려주는건 구글 측에 무언가 신청을 해야해서 다른키로 대체해서 사용했다.

• format_list_bulleted 에러
• · 2023. 4. 14.
• textsms

[API] Youtube 데이터 가져오기

유튜브 영상 리스트를 만들기 위해서 유튜브 API를 가져와보자. 공식문서 사이트 : https://developers.google.com/youtube/v3/getting-started?hl=ko 시작하기 | YouTube Data API | Google Developers 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 소개 이 문서는 YouTube와 상호작용할 수 있는 애플리케이션을 개발하려는 개발자를 위해 작성되었 developers.google.com 1. google cloud platform 등록 https://code.google.com/apis/console/?hl=ko Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 acco..

• format_list_bulleted React
• · 2023. 4. 13.
• textsms

[CSS] Content 화면 중앙배치

화면의 상단에 배치되어 있는 것을 화면 중앙에 배치해보도록 하겠다. width: 100vw; height: 100vh; display: flex; justify-content: center; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;

• format_list_bulleted css
• · 2023. 4. 5.
• textsms

[MAC] 사용중인 포트 찾아서, Kill 하기

찾기 lsof -i :포트번호 ex. lsof -i :8000 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 1234 shaking 15u IPv4 0x1f23462a48d69d65 0t0 TCP localhost:cslistener (LISTEN) Kill 하기 kill -9 ex. kill -9 1234 참고사이트 : http://stackoverflow.com/questions/3855127/find-and-kill-process-locking-port-3000-on-mac 출처 : https://88240.tistory.com/475

• format_list_bulleted 카테고리 없음
• · 2023. 3. 17.
• textsms

yarn 버전이 local 과 dev가 다르게 나올 때 (yarn version : 3.4.1/1.22.19)

yarn 버전이 로컬과 프로젝트 폴더에서 다르게 나왔다. 프로젝트에서 yarn을 업그레이드 해봐도 소용이 없었다. @ 시도해본 것 1) $ yarn set version stable 2) $ corepack enable 3) $ brew install yarn 조치 1. yarn을 다시 설치해준다. >> 다시 설치한 이유 : 1) 프로젝트에서 yarn의 버전이 달라서 $ which yarn 으로 어디 yarn을 쓰는지 확인했다. 2) Mac 에서 보이지 않는 파일 보이기(command + shift + . )으로 확인했더니 .yarn 폴더와 .yarnrc.yml 파일이 있었다. (캡처를 해놨어야했는데 사라짐..) 이런 식으로 있었다.. 프로젝트에 있던 .yarnrc.yml 파일내용 : yarnPath: ..

• format_list_bulleted 에러
• · 2023. 3. 7.
• textsms