본문 바로가기

전체 글

(47)
[CSS]CSS 기본 정리 - 2 1. css 규칙 선택자 { 속성 : 속성값; } 2. id 만들기 3. id 선택자 #아이디 { } 아이디는 중복해서 만들지 않는다. 4. class 만들기 5. class 선택자 .클래스{ } 6. css파일 링크하기 rel : relationship 관계 7. 개발자도구에서 확인하는 user agent stylesheet 웹브라우저에서 제공하는 기본 스타일 8. RGBA RGB에 불투명도 Alpha를 추가한 것 ex) rgba(255, 0, 0, 0.5) 9. 다양한 크기 단위 - 절대단위 픽셀 px - 상대단위 % em rem vh vw %는 부모 태그에 대해서 상대적인 크기 em은 부모 태그의 폰트 크기 기준 배율 rem은 html 태그의 폰트 크기 기준 배율 vh 브라우저 창의 높이 기준으로 ..
[CSS]CSS 기본 정리 - 1 1. CSS란? Cascading style sheet 계단식 스타일 시트 마크업 언어를 실제 표기되는 방법으로 기술한 스타일 언어 2. css에서 색깔을 표현하는 방법 - red, yellow, blue 같은 색상 이름 - RGB에 16진수를 사용한 헥스(HEX) 코드 ex) #ffffff - RGB 색상코드 3. CSS 적용 방법 - 인라인 스타일 태그 안에 style 속성을 적용한다 ex) - 내부 스타일 html 문서 안에 style 태그를 사용하여 그 안에 스타일 작성한다. - 외부 스타일 외부 css 파일 작성하여 link 태그로 연결하여 사용 인라인 스타일과 내부 스타일은 중복되기 쉽고 코드가 복잡해져 유지보수가 어려울 수 있다. 실무에서는 외부 스타일을 사용한다.외부스타일은 로딩 속도가 살..
[HTML]HTML 기본 정리 - 1 1. DTD(Document Type Definition) 문서형 정의 웹 브라우저에게 이 문서가 HTML 문서라고 정의해주는 문장. 2. 문서의 작성은 시작태그, 종료태그 사이의 내용을 입력한다.
[JavaScript]호이스팅(hoisting) 자바스크립트에서 호이스팅(hoisting)은 변수 및 함수 선언이 코드 내에서 물리적 위치에 상관없이, 스코프 상단으로 "끌어올려지는" 것을 의미한다. 변수 및 함수 선언은 코드에서 한 줄씩 순차적으로 진행되는 것이 아니며, 코드 실행 전 단계에서 이루어진다. var, let, const, function 등 키워드를 사용하는 선언하는 경우 그 식별자는 모든 것이 호이스팅된다. 하지만 호이스팅이 된 후의 실행결과에 차이가 있다. console.log(x); var x = 10; console.log(x); 위의 코드의 실행 결과는 어떻게 될까? 결과는 undefined 10 이 출력되게 된다. 위의 코드의 경우에는 변수 x의 선언이 console.log(x); 이후에 작성되어있다. 호이스팅에 의해서 변수..
[JavaScript]변수 선언 자바스크립트에서 변수 선언의 방법에는 3가지 키워드를 사용한다. 1. var 키워드(ES5 이전) : 이전 버전의 자바스크립트에서 사용되는 변수 선언 방법. 변수가 함수 스코프를 가지게 된다. ex) var x = 10; 2. let 키워드(ES6 이후) : 블록 스코프 변수를 선언하는 데 사용. 블록 스코프 변수는 해당 블록 내에서만 유효하다. ex) let y = 20; 3. const 키워드 (ES6 이후) : 상수를 선언하는 데 사용. 한 번 값을 할당하면 재할당할 수 없다. 블록 스코프이다. ex) const z = 30; 재할당이 불가능하기 때문에 변수 선언 및 초기화 후 z = 20; 같은 명령을 할 수 없다. 스코프에 대해서 간단히 설명하자면 var 키워드의 경우, 함수를 제외한 다른 블록..
식별자(identifier) 식별자는 프로그래밍 언어에서 변수, 함수, 클래스, 객체, 모듈 등의 이름을 지정하고 참조하기 위한 고유한 이름이다. 자바스크립트에서 식별자의 규칙은 다음과 같다. 1. 식별자의 시작 : 알파벳(A-Z, a-z), 밑줄(_), 달러 기호($)로 시작할 수 있다. 숫자(0-9)는 두 번째 글자부터 2. 특수 문자 사용 불가 : 공백과 일부 특수 문자(예: @, #, % 등)는 사용할 수 없다. 3. 예약어 사용불가 : 자바스크립트에서 지정한 예약어(ex. var, let, const 등)는 식별자로 사용이 불가능하다. 4. 대소문자 구별 : 예를 들어, 식별자 myNumber와 mynumber는 다른 식별자로 사용이 된다. 추가적으로, 식별자 이름은 해당 변수 또는 객체의 역할을 설명하는 데 도움이 되도록..
변수(variable) 컴퓨터의 메모리 셀은 최소 단위 1바이트(8비트)로 저장공간을 가진다. 변수란 식별자(identifier)를 통해 사용되는 메모리 셀의 주소에 붙인 이름이다. 이러한 변수를 사용하여 데이터를 저장하고 사용할 수 있다.