본문 바로가기

전체 글

 (10)
[js] 연산자 연산자 : 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 피연산자 : 연산의 대상. 값으로 평가될 수 있는 표현식 산술 연산자 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우 NaN을 반환한다. - 이항 산술 연산자 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과는 없다. +(덧셈), -(뺄셈), *(곱셈), /(나눗셈), %(나머지) - 단항 산술 연산자 1개의 피연산자를 산술하여 숫자 값을 만든다. ++(증가), --(감소), +, - 증가/감소(++/--) 연산자는 피연산자의 값을 변경하는 부수 효과가 있다. 증가/감소 연산을..
[js] 동적 타입 언어 자바스크립트의 모든 값은 데이터 타입을 갖는다. 그렇다면 변수는 데이터 타입을 가질까? C나 자바 같은 정적 타입 언어는 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언해야 한다. 정적 타입 언어는 변수의 타입을 변경할 수 없으며 변수에 선언한 타입에 맞는 값만 할당할 수 있다. 컴파일 시점에 타입 체크(선언한 데이터 타입에 맞는 값을 할당했는지 검사하는 처리)를 수행한다. 타입 체크를 통과하지 못했다면 에러를 발생시키고 프로그램의 실행 자체를 막는다. 이를 통해 타입의 일관성을 강제함으로써 더욱 안정적인 코드의 구현을 통해 런타임에 발생하는 에러를 줄인다. 자바스크립트는 정적 타입 언어와 다르게 변수를 선언할 때 타입을 선언하지 않는다. 자바스크립트 변수는 정적 타입..
[js] 데이터 타입(feat. 원시 타입) 자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트는 7개의 데이터 타입을 제공한다. 7개의 데이터 타입은 원시 타입과 객체 타입으로 분류할 수 있다. 원시 타입 : 숫자 타입, 문자열 타입, 불리언 타입, undefined 타입, null 타입, 심벌 타입 1. 숫자 타입 자바스크립트는 하나의 숫자 타입만 존재한다. 정수, 실수, 2진수, 8진수, 16진수 리터럴은 모두 메모리에 배정밀도 64비트 부동소수점 형식의 2진수로 저장된다. 모든 수를 실수로 처리하며 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다. 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 이들 값을 참조하면 모두 10진수로 해석된다. var binary = 0b01000001;// 2..
[js] 표현식과 문 변수에 할당되는 것은 값 값: 식이 평가되어 생성된 결과 var sum = 10 + 20; sum 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다. 값은 식으로 생성할 수도 있고 리터럴을 사용(가장 기본적인 방법)하여 생성할 수 있다. 리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 3//숫자 리터럴 3 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 표현식 : 값으로 평가될 수 있는 문 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다. 표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다. // 리터럴 표현식 10 'Hello' // 식별자 표현식(선언..
[js] 변수 10 + 20 성공적으로 연산이 끝나고 연산 결과도 메모리에 저장되었지만 CPU가 연산해서 만들어낸 숫자 값 30은 재사용할 수 없다. 연산 결과 30을 재사용하고 싶으면 메모리 주소를 통해 연산 결과 30이 저장된 메모리 공간에 직접 접근하는 것 외에 방법이 없다. 그러나 메모리 주소를 통해 값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성이 높은 위험한 일. 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. ∴ 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어 들여 재사용하기 위해 변수라는 메커니즘을 제공 변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 var result = 10 + 20; 변수 이름(변수명) : ..
[js] 자바스크립트 다시 공부하기..! 자바스크립트는 기본적인 문법은 알고 있지만 언어에 대해 완벽하게 이해하고 있지 못한 것 같아서 개인적으로 공부가 더 필요한 부분이었어요🔥 많은 분들의 추천을 받아 '모던 자바스크립트 Deep Dive'라는 책을 구매하게 됐어요:) 현업에서도 유명하고 가장 널리 알려져있는 책이더라고요 책이 엄청 두꺼워서 두렵기도 하지만..! 차근차근 공부해나가려고 합니다ㅎㅎ (아무래도 분철을 맡겨야 할 것 같네요😅) 그래서 다른 카테고리와는 다르게 javascript 카테고리에는 TIL 느낌으로 글을 작성할 것 같아요 추천글은 다 읽으면 올라올지도?! (좋은 책이길 바라..) 자바스크립트 마스터가 되는 그 날까지..!👊🏻👊🏻
[CSS] position 속성 | static | relative | absolute | fixed | sticky 오늘은 CSS 위치 속성인 position 속성에 대해 정리해볼게요🔍 웹 페이지를 작업할 때 각 요소의 위치는 2가지 방법으로 설정할 수 있는데 태그 요소를 입력한 순서를 통해 상대적으로 위치를 지정하는 상대 위치 좌표와 X좌표와 Y좌표를 직접 설정해 절대 위치를 지정하는 절대 위치 좌표가 있습니다. 상대 위치 좌표와 절대 위치 좌표에 따라 요소를 배치할 수 있는 position 속성에 대해 알아봐요!!🔥🔥 position은 위치를 잡아주는 속성으로 보통 콘텐츠를 서로 겹치게 배열하거나 마크업 순서와 디자인 상의 순서가 다를 경우 사용합니다. 하지만 레이아웃 깨뜨릴 수 있기 때문에 남용해서는 안돼요!🙅🏻 값으로는 static / relative / absolute / fixed / sticky가 있고 t..
[CSS] float 속성 | left | right | none | 해제 오늘은 display 속성 마지막에서 예고했던 float 속성에 대해 정리해볼게요🔍 웹 페이지에서 배치 작업을 할 때는 CSS 포지셔닝(positioning)이 중요한데 블록요소를 가로로 배치하는 방법에는 - 가로 배치하고 싶은 요소에게 display: inline-block; - 가로 배치하고 싶은 요소에게 float라는 속성 부여 - 가로 배치하고 싶은 요소를 감싸는 부모요소에게 display: flex; 가 있습니다. 이 중에서 float 속성에 대해 알아볼게요!!🔥🔥 float는 원래 이미지를 글자와 조화롭게 배치하기 위한 속성이지만 요즘에는 레이아웃을 작성할 때 자주 사용됩니다. 왼쪽이나 오른쪽에 배치할 때 사용하며 배치를 하지 않을 경우는 'none'으로 표현합니다. 📌 float: left;..

티스토리툴바