vsc 설치node 설치npm, yarn 설치 (homeBrew)vsc extention프로젝트를 만들고자 할 때 순서를 정리해보자.깃헙에서 레포 만들기프로젝트 만들기 (vsc에서)node 설치(최초1회)패키지 관리자 설치(npm or yarn)\[ npm과 yarn

프론트엔드의 기본은 웹표준과 웹접근성을 고려하여 코드를 작성해야 하는 것이다.그런 이유로 크로스 브라우징은 다양한 브라우저를 사용하고 있는 사용자에 맞춰 프로젝트가 필수적으로 가져가야 하는 부분일 것이다.크로스 브라우징이란 브라우저 간 웹페이지의 상호 호환성을 뜻한다.

DOM 돔Document of Object Model문서 객체 모델html은 태그 기반의 마크업 언어를 작성하는 것Dom에 접근하여 html 태그를 조작할 수 있다.🟡 document.querySelector(selector)selector를 입력하면 해당 요소의 첫

후기역시 자바스크립트는 어렵고, 어려웠다.기본 개념이 부실하기도 하고 아직도 과제에 직면하면 무서워하는 것도 어느정도 있는 듯 하다.비록 모든 과제를 100% 구현하지는 못했지만 자바스크립트를 조금 쓸 줄 아는 애가 되서 아주 약간 뿌듯하고 좀 자랑스럽다. 과제야 앞으

컨텐츠의 끝이 화면 끝에 닿으면 api가 호출되게 구현한다.외부 api 연동fetch, async, awaitmock DATA Link :: 임시 데이터를 사용할 수 있는 사이트. api 연습 시 사용하기 좋다.json-server 만든 곳에서 만들었기 때문에 사용 방

< 참고링크 > 모던 자바스크립트Debounce&throttle스크롤이벤트의 문제점과 성능개선프로그래스바는 요소사이즈를 활용하여 스크롤의 현재 위치를 찾고 이를 % 형태로 파악하여 화면에 적용한다.scrollHeight 가 전체 콘텐츠의 길이 라고 한다면현재 화면

웹표준이 무엇이냐 인터넷 세상의 원로회격인 W3C가 발표한 표준안으로, 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 기준이다. 웹 사용의 기준인 이 웹표준도 중간중간 업데이트를 하는데 최신 업데이트 버전이 html5이다. 웹표준을 지켜서

https://github.com/typicode/json-servernpm install -g json-serversudo npm install -g json- servernpm을 통한 설치 가능json-server --watch db.jsonhttps&#x

reducefindfindindex//findIndex 주어진 조건을 만족하는(true) 배열의 첫번째 요소의 인덱스 반환. 만족하는게 없으면 -1 반환. //클릭한 상품의 id가 장바구니에 담긴 상품의 id와 같은지를 확인하고 //같으면 이미 담은 상품이라고 알려

2023-02-21실습 진행 중 매개변수로 받는 값들이 넘어오지 않는 현상 발생.매개변수로 받는 값들이 undefined로 나오고 콘솔에는 object 20%object 라고 적힘object 20%object 를 검색하니 객체를 불러와서 발생한 오류라고 json.str

해당 게시글은 유튜브 '코딩알려주는누나'의 영상을 보고 정리한 내용입니다.객체지향 그리고 this이 사람은 찐이야!👍👍👍👍👍👍왜태어났나왜써야하나보면 tv 객체 3개 만드는데 벌써 오류가 있다.(tv3에 price가 빠졌다.)게다가 이렇게 tv12345...9

데이터 타입을 Number로 변환하는 방법 Number 함수 이용(문자열 or 불리언) \+ 더하기 연산자를 앞에 붙이지 (문자열 or 불리언) let num = +("20"); typeof Number // let num = +("스물"); typeof NaN;

숫자의 종류정수 : 양의 수, 음의 수, 0 // 10, 100, -190...부동소수점 float : 1.1, 10.1...부동소수점 실수 double : IEEE754 표준 부동소수점보다 더 정밀한 데이터부동소수점 => 컴퓨터에서 실수를 표현하는 방법 전기전자기술자

조작 가능한 어떤 표현문자열, 문자, 숫자 등변수에 값을 어떻게 할당하느냐에 따라 원시값 , 참조값으로 구분됨.단순한 데이터숫자, 문자열, 불리언, null, undefined변수는 어떤 값을 담을 수 있는 공간의 주소값을 별칭화 한 것이라고 했다.그래서 변수에 값을

W3C에서 정한 웹표준에 따라 html을 해석하고 표시한다. 여기서 렌더링 엔진은 html/css를 해석해 웹 구조를 트리화 한다.이 트리화 된 것을 DOM 이라 한다.자바스크립트는 이 DOM에 접근하여 html과 css를 조작할 수 있다.html 코드 내에서 자바스크

inode 방식의 파일 시스템운영체제에서 사용하는 파일 시스템.구조는 슈퍼블록 - 파일상세정보 - PCR인 아이노드블록 - 실제 데이터블록inode로 부터 얻을 수 있는 메타데이터아이노드가 위치한 장치, 아이노드 번호, 파일 종류 및 모드, 링크 수, 사용자 ID, 그

html-css 과제를 하다가 a태그에 문제 발생.a태그 내부에 다른 태그들을 넣었더니 실제 브라우저에서는 a만 뽑혀서 따로 있었다. 왜이럴까.왜그러니 싶어서 찾아보니,?? : 하하! a 안에 다른 태그들이 오면 닫힌단다.나 : 근데 img 만 넣었을 때는 또 되는데요

프로그래밍 : 컴퓨터에세 명령 할 프로그램을 만드는 작업프로그래밍 언어 : 컴퓨터에게 명령하는 언어프로그램 : 컴퓨터에게 하는 명령어 모음소프트웨어 : 프로그램 모음집코드 : 컴퓨터가 알아듣는 언어코딩 : 코드를 작성하는 것 = 컴퓨터에게 할 명령을 만드는 것

1\. HTML/CSS를 공부하면서 느낀점 기본기 진짜 중요하다. 2\. HTML/CSS 공부하면서 어려웠던 개념과 이유

css 3 ?w3c에 의한 권고안이 나온다.css Lv.3부터 모듈별로 versioning을 따로 한다.내부 많은 태그와 법칙이 있는데 이를 특징별로 카테고리화 하여 모듈화한다. 그리고 각 모듈별로 각자의 versioning을 진행하고 있다.=> 브라우저별로 지원범위가