일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- JS setTimeout
- HTML기초
- git 협업셋팅
- JS redirection
- JS 화살표함수
- CSS속성정리
- JS 형변환
- JS classList
- JS preventDefault
- JS null undefined
- JS form
- JS 타이머기능
- JS 스코프
- JS 연산
- JS value속성
- JS append
- JS localStorage
- JS form action
- JS clearInterval
- JS 함수
- js 변수
- JS 숫자
- JS 삼항연산
- JS 기초
- JS 데이터타입
- CSS기초
- JS setInterval
- JS typeof연산자
- JS prompt
- JS appendChild
목록📚강의록📚 (128)
공부기록용
🔴ES6 🔴화살표함수, 삼항연산자 🔴구조 분해 할당 🔴단축 속성명 🔴전개구문 🔴나머지 매개변수 🔴템플릿 리터럴 ES6 ECMAScript 6 (ES6)는 JavaScript의 버전 중 하나로, 2015년에 발표되었다. ES6는 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여 JavaScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선하였다. ES6 문법 소개 let, const 기존에 변수 선언을 위해 존재하던 var를 대체해서 나온 변수 선언에 사용 되는 키워드이다. 선언 : 변수명을 자바스크립트 엔진에 알리는 것 할당 : 변수에 값을 저장하는 것 (= 할당연산자) let과 const의 특징 let: 재할당은 가능하고, 재선언은 불가능 let value = "value1" c..
Q. 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. // 정답 function soultion(s) { var answer = true; // 1. 대문자로 통일(대, 소문자에 관계없이 p, y의 갯수만 보기 때문에 통일시켜줌) s = s.toUpperCase(); // 2. for문을 통한 문자열의 요소 하나씩을 비교 // 2-1. p, y 비교 var num = 0; for (var i = 0; i < s.length; i++) { // ..
객체 자바스크립트에서는 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 기본적인 객체 생성 객체를 만들 때는 중괄호({ })를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성한다. 각 속성과 값은 쉼표(,)로 구분한다. let person = { //key: value (어떤 값이라도 올 수 있다) name: "홍길동", age: 30, gender: "남자" }; 생성자 함수를 사용한 객체 생성 생성자 함수 Person()을 사용하여 객체 person1과 person2를 생성한다. 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다. function Person(name, age, gender) { this.name = name; this.age = age;..
조건문(if, else if, else, switch) if문 if (조건) { // main logic } let x = 10; if (x > 0) { console.log("x는 양수입니다."); } // x는 양수입니다. if-else문 if-else문은 조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행한다. let x = 10; if (x > 0) { console.log("x는 양수입니다."); } else { console.log("x는 음수입니다."); } // x는 양수입니다. if-else if-else문 if-else if-else문은 여러 개의 조건을 순서대로 비교하여, 해당하는 조건에 맞는 코드를 실행한다. if (조건1) { // main logic #1 } else if (..
🔴변수 🔴데이터타입 🔻배열도 object로 표현 🔴형변환 🔴연산자 🔻산술 연산자 🔻증감 연산자 🔻할당 연산자 🔻비교 연산자 🔻논리 연산자 🔻삼항 연산자 🔴함수 🔴스코프 🔴화살표함수 JS 언어의 특징 객체 지향 프로그래밍 지원 절차지향 프로그래밍은 순서대로 실행되는 일련의 과정을 단계적으로 기술하여 프로그램을 만드는 것이고, 객체지향 프로그래밍은 데이터와 함수를 객체라는 그룹으로 묶어서 처리하는 방법입니다. 객체는 상태와 행동을 가지고 있으며, 상태는 객체의 속성(property)이라고도 합니다. JS에서 객체를 만들 때는? 자바스크립트에서 객체를 만들 때는 **중괄호({})**를 사용하여 객체를 만들고, 각 속성을 **쉼표(,)**로 구분하여 추가다. 속성은 이름과 값을 가지며, 이름은 문자열로 작성하고..
반복문 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다.(한 번 작성한 코드가 여러 번 실행되도록 해주는 구문이다.) python의 대표적인 반복문은 두 가지이며, 두 반복문은 구조 밎 동작방식에서 차이를 보인다. for문 while문 for문 for문은 포함한 코드를 주어진 데이터모음의 멤버 수만큼 반복 실행하는 구문이다. for문의 데이터모음으로 문자열, 리스트, 튜플 등을 사용할 수 있는데, 이러한 자료형을 통틀어 'lliterable객체'라고 부르기도 한다. for문의 변수는 데이터모음 안의 멤버를 순서대로 기억하는 역할을 한다. 프로그래머는 이 변수를 통해 반복 코드 안에서 데이터모음의 멤버를 활용할 수 있다.(일반 변수와 동일한 이름짓기 규칙을 따른다.) for 변수 in ..