프론트엔드3 [JavaScript] 자바스크립트 자료형(원시 타입)과 형변환 자바스크립트 자료형(원시 타입)과 형변환 자바스크립트의 자료형은 다음과 같다. 먼저 Primitive Data Type(원시 타입)부터 알아보자. Primitive Data Type은 아래와 같은 특징이 있다. - 한번에 하나의 값만 가질 수 있다. - 하나의 고정된 저장 공간을 이용할 수 있다. Number(숫자열)은 다음과 같다. let age = 25; // 정수 let tall = 175.9; // 실수 let inf = Infinity; // 무한대 let minusInf = Infinity; // 음의 무한대 let nan = NaN; // 수학적 연산의 실패 String(문자열)은 다음과 같다. let name = "sailas"; let name2 = "이순신"; let name3 = `s.. 2022. 3. 4. [JavaScript] 자바스크립트 비구조화 할당 [JavaScript] 비구조화 할당 비구조화 할당을 사용하면 반복되는 변수를 줄여 쓰는데 유용하다. let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; // 반복되는 변수 arr을 아래와 같이 줄일 수 있다. let [one, two, three] = arr; // 위와 같이 대괄호를 사용하여 배열의 값을 순서대로 할당 받아 사용하는 것을 배열의 비구조화 할당이라고 한다. 배열의 선언 분리 비구조화 할당을 사용하면 더 단축해서 사용할 수 있다. // 아래와 같이 배열의 선언 분리 비구조화 할당을 사용하면 더 단축할 수 있다. let [one, two, three] = ["one", "two",.. 2022. 3. 3. CSS flexbox를 이해하기 좋은 사이트 CSS flexbox를 이해하기 좋은 사이트 CSS를 잘한다는 것은 CSS 코드들을 많이 알고 있는 것 보다 편집 디자인적 관점에서 얼마나 사용성이 높고, 아름답게 요소들을 배치하냐일 것이다. 하지만 기본적인 개념들을 모르면 구현하지도 못하는 법. CSS에서 정렬할 때 많이 쓰이는flexbox의 개념을 공부하고 이해하기 좋은 사이트들이 있어서 공유한다. 1. naverD2 https://d2.naver.com/helloworld/8540176 2. Heropy Tech https://heropy.blog/2019/08/17/css-grid/ CSS Grid 완벽 가이드 CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.Flexible Box도 훌륭하지만 비교적 단순한 1차원 레.. 2021. 12. 23. 이전 1 다음
