Programmers Front-end

비쥬얼 스튜디오 코드 설치익스텐션 설치Material Icon Theme - Philipp Kief: VSCode 익스플로러(Explorer) 트리의 아이콘을 아름답게 변경해주는 익스텐션.Night Owl - sarah.drasner: VSCode 화면 테마 익스텐션A

ul (unordered list) : 비순서형 목록 태그<ul type=“disc”> 기존 동그라미 (기본값, 굳이 명시하지 않아도 됨)<ul type=“circle”> 빈 동그라미<ul type=“square”> 네모 상자ol (ordered lis

음원을 삽입할 때 사용하는 태그audio library 유튜브에서 무료 음원 다운 가능콘텐츠가 있는 문법 형식으로 작성src, controls 속성과 함께 사용해야 함웹 브라우저마다 컨트롤 패널은 다른 형식으로 나타날 수 있음autoplay 속성 : 자동 재생, 현재

1.1 웹 브라우저가 기본으로 가지고 있는 스타일 시트(css)웹 브라우저마다 스타일이 다르게 적용됨기본 스타일 시트로는 실무에서 사용 불가규격이나 정의 내용들이 다르게 때문웹 브라우저마다 동일하게 보이기 위해 스타일을 통일시켜줘야 한다.1.2 reset프로젝트를 시작

HTML 요소들이 기본적인 흐름에서 벗어나 좌표값에 의해 배치하고자 할 때 사용블록 요소는 새로운 줄, 인라인 요소는 같은 줄에 배치: 이것이 기본적인 흐름margin, padding은 margin(padding): "위 오른쪽 아래쪽 왼쪽"으로 방향 속성 작성 가능m

JavaScript: html, scc로 작성 되어 있는 정적 웹 페이지에 동적 효과를 주기 위해 개발script 태그 사용script 태그의 콘텐츠로 자바스크립트 코드를 작성하는 방법별도의 파일에 자바스크립트 코드를 작성하는 방버확장자가 .js 로 끝나는 파일실무에서

특정한 연산을 하는 자바스크립트 기호수학적인 연산을 수행하는 연산자\+, -, \*, /, % (나머지), \*\* (거듭제곱, 지수)< 문제 풀이 >※ 증감 연산자는 데이터에 직접적으로 사용 불가< 문제 풀이 >< 문제 풀이 >피연산자를 비교해서 논리

[Section 01] JavaScript 기초 1. 반복문 지정한 조건이 참(true)으로 평가되는 동안 지정된 블록 문을 반복 실행할 때 사용하는 문법 변수를 선언하지 않아도 자바스크립트 엔진은 자동으로 var를 붙여 준다. 그러나 var 보다는 let이나

함수는 재활용성이 좋아서 한 번만 정의해주면 어떤 애플리케이션에서든 호출해서 쓸 수 있다.< 문제 풀이 >function :함수의 이름 지정값으로 평가될 수 있는 식변수에다가 함수의 이름을 넣어 주는 것 ( 함수 이름 o )과거에 오류를 쉽게 파악하기 위해 많이

선언과 할당으로 구문을 분리하여, 선언 부분을 최상위로 끌어올려서 실행하는 특징함수 선언문은 호이스팅이 적용됨함수 선언문은 따로 할당이 없기 때문에, 선언문을 최상위로 올려서 인식함let, const 는 호이스팅이 되지 않음예시변수가 선언되기도 전에 참조하여 출력하고

메모리에서 더 이상 사용되지 않는 객체를 자동으로 감지하고, 해당 메모리를 회수하여 메모리에서 삭제해주는 시스템모든 프로그래밍 언어에는 가비지 컬렉터가 내장되어 있다.자바스크립트는 자동으로 구축되어 있음(개발자가 메모리 회수를 걱정할 이유는 없음)메모리가 회수 되는 과

키와 값으로 구성된 속성의 집합중괄호 { } 로 선언여러 변수에서 같은 객체를 공유할 수 있다참조 자료형에는 객체, 배열, 함수가 있다객체의 속성에 접근해서 값을 할당delete 키워드를 사용해서 특정 속성 삭제예시예시프로퍼티의 키는 기본적으로 문자열이거나 심볼이어야

전역 범위를 오염 시키지 않고 싶을 때 사용실행된 함수를 다시 부를 수 없음, 호출과 동시에 아예 삭제됨실무에서 사용할 일은 거의 없다익명 함수도 가능화살표 함수도 가능매개변수 사용도 가능객체를 만들어 내는 함수항상 이름을 파스칼 케이스로 작성하는 관례가 있음생성자 함

프로토타입을 쉽게 사용하기 위한 Sugar Syntax (설탕 문법)Sugar Syntax (설탕 문법) : 기존 문법을 쉽게 사용할 수 있게 해주는 것class 키워드를 사용해서 선언class 내부에 constructor 메소드를 가지고 있다extends 키워드를 사

자바스크립트 엔진에 기본적으로 내장되어 있는 객체상시적으로 존재하기 때문에 언제 어디서든 상시 적용 가능Object, Function, Array, String, Boolean, Number, Math, Date 등Number 의 정적 매서드는 전부 다 알고 있어야 한

인스턴스 속성, 인스턴스 매서드가 없다new 키워드를 사용할 필요가 없다주요 속성 Math.PI 정도만 기억하면 된다. 나머지는 사용할 일 거의 없다음수를 양수로 바꿀 때 사용주어진 매개변수의 절대 값을 반환하는 매서드알고리즘 문제에 많이 나옴주어진 수보다 크거나 같은

Section 03 JavaScript 동기 비동기

APT소프트웨어나 애플리케이션이 다른 소프트웨어나 서비스를 호출하고 사용할 수 있도록 해주는 인터페이스API는 HTTP를 통해 동작할 수 있다.예를 들어 REST API는 HTTP 프로토콜을 기반으로 작동하며,클라이언트가 HTTP요청을 통해 API 서버에 데이터를 요청

[Section 04] DOM과 이벤트 1. window 객체 window.document : 현재 문서에 대한 Document 개체 반환 window.alert(massage) : 윈도우 객체에 내장되어 있는 경고창 내보냄 window.confirm(

[Section 01] Node.JS 기본

[Section 02] Node.JS 심화

페이지 삭제휴지통 버튼 클릭 시 현재 페이지 삭제사이드바 목록에서 제거기본 페이지로 이동 시키기강사님께서 계속 생기는 오류에 대해 조언을 주셨음.: script type을 module로 했을 때, 관련 에러를 없앨 수 있다( 하지만 난 어떤 오류인지 왜 생겼는지 알 수

delete icon 호버 시 마우스 커서 pointer로 변경delete icon 호버 시 아이콘 색상 변경delete icon 클릭 시 삭제 여부 묻는 모달 추가확인 창에서 삭제 클릭 시 "삭제되었습니다" 모달 추가각 모달 스타일 지정모달을 커스텀해서 사용하면 다양

타입스크립트는 별도의 새로운 언어가 아니라, 자바스크립트에 타입(type)을 추가한 확장 언어입니다. 새로 배우는 언어가 아니기 때문에 학습 난이도는 높지 않은 편이며, 처음에는 복잡해보이지만, 나중에 가도 복잡합니다.. (쉽게 쉽게 할거면 자바스크립트 쓰자.. 😉)

매개변수와 반환 값의 타입을 지정하는 것예시함수에서만 쓸 수 있는 특별한 타입아무 것도 반환하지 않는 것undefined와는 다름예시옵셔널 파라미터는 ? 기호로 표시? 기호로 표시하면 타입으로 지정한 매개 변수를 생략할 수 있음절대 반환되지 않는 함수에서만 사용반환값에

연산자서로 다른 타입 중 한 개나 여러 타입을 하나의 변수에 할당할 수 있게 하는 것예시예시) 매개변수에서 유니온 타입 사용예시) 반환 값의 타입에서 유니온 타입 사용유니온 타입 사용 시 주의할 점함수에 사용할 때는 매개변수가 특정한 타입으로 지정되어야 한다.지정되어

속성을 읽기 전용으로 변경, 수정이 불가능하게 만듦배열이나 튜플의 경우는 배열 자체를 읽기 전용으로 만듦변수의 경우, 완전히 상수로 바꿈객체의 속성이 같은 게 많을 때 사용객체의 타입을 지정할 때 사용기본 타입이 아닌 타입을 생성할 때 사용코드의 재사용성 증가근본적인