본문 바로가기

분류 전체보기

 (60)
[JS] 함수 함수 형태 3가지 표현방식이 있다. function a() {} // 함수 선언문(function declaration statement) const b = function() {}; // 함수 표현식(function expression) const c = () => {}; // 화살표 함수 함수 호출(call) function a() {} // 함수 선언 a(); // 함수 호출 반환 값(return value) 함수를 처음 선언하게 되면 'undefined' a 함수 선언 시, '반환값'이 반환된다. 함수 b 선언 시, return에서 종료되기 때문에 console 창에 'Hi'가 출력되지 않는다. 함수 c 선언 시, if 조건이 false이기 때문에 return이 실행되지 않고, console로 넘..
[JS] 배열 응용하기 for과 while 활용하여 배열 응용하기 for 사용 const target = ['가', '나', '다', '라', '마']; for (let i = 0; i < target.length; i++) { console.log(target[i]); } → console 창 출력 가 나 다 라 마 while 사용 const target = ['가', '나', '다', '라', '마']; let i = 0; while (i < target.length) { console.log(target[i]); i++; } → console 창 출력 가 나 다 라 마 배열 메서드 활용하기 'array' 내에 '라'를 모두 제거하시오.(indexOf와 splice 활용) 요소 갯수가 6개라서 i 범위를 총 갯수만큼 잡았지..
[JS] 배열 배열 - 다양한 자료형태를 하나로 묶어놓은 것 const fruits = ['사과', '배', '오렌지', '딸기']; // 배열형태 console.log(fruits[0]); // 'fruits' 배열에서 0번째 값 console.log(fruits.length); // 'fruits' 배열 내 요소 갯수 → console창 출력 결과 > 사과 > 4 'fruits' 배열의 요소(elements) : 사과, 배, 오렌지, 딸기 요소 추가 1번째 방법 const target = ['a', 'b', 'c', 'd', 'e']; target[5] = 'f'; // === target[target.length] = 'f'; console.log(target); → console창 출력 결과 > (6) ['a'..
[JS] 반복문(while, for) while 문 - 조건이 true이면 동작문 실행 ※ 무한반복 주의, 변수를 활용하여 방지하기 활용 → console 창 출력 상태 (100) Hi < 100 for 문 - ① → (② → ③ → ④) * 반복(조건 벗어날때까지 === ②가 참이면) ※ ①, ②, ④ 생략 가능, 전부 생략하게 되면 무한 반복 활용 → console 창 출력 상태 (100) Hello, for! while과 for 활용 - 1에서 100까지 출력하기
[JS] 조건문 조건문 - 조건에 따라 실행되는 구문 조건문(if, switch) 정리 if 문 조건식이 참(true)이면 동작문이 실행된다. if - else 문 조건식이 참(true)이면 동작문이 실행되고, 거짓(false)이면 else 이하 동작문2가 실행된다. if - else if 문 조건식이 참(true)이면 동작문이 실행되고, 조건식이 거짓(false)이면 else if 이하 조건식2의 조건을 확인하고, 조건식2가 참(true)이면 동작문2가 실행되고, 조건식2가 거짓(false)이면 else 이하 동작문3이 실행된다. switch 문 조건식과 비교조건식이 같으면 동작문이 실행된다. switch 문 활용 조건부 연산자 console 창 출력 → 참입니다 중첩사용 형태
[JS] 변수 정리 변수명 짓기 변수 선언 let (변수명) → 'let' 사용, 초기화 실시 한자, 한글 사용 가능, 특수문자($, _)만 사용 가능 예약어 사용 불가능(이미 기능이 있기 때문에) 변수 수정 선언문을 사용하는 것이 아니라 수정할 값을 대입(=)한다. 빈 값으로 수정하고 싶을 때, null을 활용 상수 만들기 변수 선언시, let, const만 사용 const : 상수(constant), 바꾸지 못하는 값 var : variable, 예전 변수 선언 방식 지금은 let이 개선한 예약어
[JS] 자료형 정리 Java Script의 자료형 - 문자열, 숫자, 불(bool) 값, 빈 값 문자열(string) 문자를 표현할 때 따옴표(' ', " ")로 감싸준다. 빅 틱(`)으로 감싸주는 것도 가능 문자열끼리 연산 가능(+, -, *, /) typeof : 자료형 확인하기 \n : 줄 바꿈 ※ How're you? 표현하기 ⇒ 'How\'re you?' ('\' 붙여주기) 숫자(number) 따옴표, 백 틱을 사용하지 않고 자유롭게 표현 가능 String을 Number로 전환 ⇒ parseInt('12345'), Number('12345') = 12345 수 체계 전환하기(표준 내장 객체 활용하기) parseInt() : 정수 전환, 소수점x ⇒ parseInt(a, n) : a를 n진법으로 표현 parseFlo..
[CSS] 학습내용 정리 - Float Float 사용 목적 : 'block'들을 가로배치하기 위해서 'float' 설정하게 되면 발생하는 일 빈 공간으로 인식한다. 주변 자식 요소들은 빈 자리를 채운다. 부모 요소의 'height' 값도 줄어든다. Display가 'block'으로 바뀐다. 'width'와 'height' 값 설정가능 제대로 된 'block' 역할을 하지 못한다. 'content' 크기만큼 'width' 값을 차지한다.(부모 요소의 'width' 100%만큼 차지하지 않음) 'margin' 값을 설정해도 인식하지 못한다. 모든 자식요소가 'float'하게 되면 부모 요소의 'height' 값은 0이 된다. 전체 레이아웃 붕괴를 일으킬 수 있다. Float 관리하기 부모 요소에게 'overflow: hidden' 설정을 한다...

티스토리툴바