본문 바로가기

frontend3

[JS] JavaScript 기초 2 (변수와 상수, 연산자) 변수 자바스크립트 데이터 저장 공간이다. 변수 선언 변수 이름을 정하고, 저장 공간 할당 'var' 키워드로 선언 var 없이 선언 age가 이미 선언된 변수이면, 존재하는 age에 21 저장한다. 자바스크립트에는 변수 타입이 없고, 변수에 저장되는 값에 대한 제약 또한 없다. 지역변수와 전역변수 지역변수는 함수 내에 var 키워드로 선언할 수 있고, 선언된 함수 내에서만 사용 가능하다. 전역변수는 함수 밖에 선언되거나 var 키워드 없이 선언된 변수로 프로그램 전역에서 사용 가능하다. var x; // 전역변수 지역 변수와 전역 변수의 이름이 같을 땐 'this'를 사용한다. 전역 변수에 접근하고자 할 때 : this.전역변수명 쉽게 말해 this는 지금 현재 위치한 곳의 부모를 지칭한다. functi.. 2023. 1. 2.
[JS] JavaScript 기초 사용 방법 (식별자, 문장, 주석, 데이터 타입) C와 거의 유사한 구조를 갖고 있는 JS의 기초 사용 방법을 알아보자. 식별자 자바스크립트 프로그램의 변수, 상수(리터럴), 함수의 이름 식별자 만드는 규칙 첫 번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $ 문자만 사용 가능하다. 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $ 사용 가능하다. 대소문자는 구분되어 다루어진다. 예를 들어 'CellPhone'과 'cellphone'은 다른 식별자이다. C처럼 자바스크립트의 예약어 사용 불가하다. ex) if, false, null, for 등 식별자 사용 사례 문장 자바스크립트 프로그램의 기본 단위는 문장을 구분하기 위해 세미콜론을 사용한다. 주석문 C와 똑같다. 자바스크립트 언어에서 다루는 데이터 종류 숫자 타입 : 정수, .. 2022. 11. 7.
[CSS] position-fixed (메뉴, 사이드 바 스크롤 시 고정) position-fixed 우리가 사용하는 웹페이지 화면을 보면 오른쪽 하단이나 메뉴 등이 고정돼있는 경우를 많이 봤을 것이다. 예를 들면 밑의 사진처럼 웹에서 블로그 글을 작성할 때 상단 도구 바, 웹에서 쇼핑을 할 때 양측 사이드 광고 블록 등 마우스 스크롤을 해도 화면 내용만 바뀔 뿐 고정된 콘텐츠들이 있다. 이것을 바로 position의 fixed 속성을 사용하여 고정해주는 것이다. z-index 위에 설명한 absolute 3색 예제를 보면 파란색이 빨간색, 노란색 둘 다 덮어 위에 표시되는 것을 알 수 있다. 포지션은 z 축을 사용하는 것이다. 그러므로 z-index 속성을 사용하여 우선순위 등을 정해주어야 하는 경우가 있다. 1번 빨간 동그라미로 콘텐츠의 높이를 스크롤로 확인해야 할 만큼 준.. 2022. 9. 21.

티스토리툴바