분류 전체보기

강의 정리/제로초 자바스크립트

🔖 2-15. 조건부 연산자(삼항 연산자)

조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식 조건부 연산자는 문이 아니라 식이므로 결괏값이 나온다. let value; value = 5 < 0 ? '참입니다' : '거짓입니다'; // '거짓입니다' 조건부 연산도 중첩해서 사용할 수 있다. let condition1 = true; let condition2 = false; let value = condition1 ? condition2 ? '둘 다 참' : 'condition1만 참' : 'condition1이 거짓'; console.log(value); // condition1만 참 조건부 연산자를 두 번 연이어 썻더니 가독성이 떨어진다. 이럴 때는 좀 더 읽기 편하게 소괄호 연산자로 감싸주면 좋다. let value = conditio..

강의 정리/제로초 자바스크립트

🔖 2-14. else, else if, switch

else를 사용해 두 방향으로 분기하기 if (조건식) { // 조건식이 참인 값일 때 실행 실행문; } else { // 조건식이 거짓인 값일 때 실행 실행문; } let value = '사과'; let condition = false; // else 문이 실행됨 if(condition) { value = '바나나'; } else { value = '포도'; } console.log(value); // 포도 else if를 사용해 여러 방향으로 분기하기 if (조건식) { 실행문; } else if (조건식) { 실행문; } else { 실행문; } if문은 if만 필수 else와 else if는 선택 const score = 90; if (score >= 90) { console.log('A+'); ..

강의 정리/제로초 자바스크립트

🔖 2-13. 조건문(if)

조건문은 조건에 따라 코드를 실행하거나 실행하지 않는 문 분기, 판단 하는게 조건문이다. if (로그인한 사용자) 정보를 보여준다; if (조건식) 동작문; 조건문은 조건식과 실행문으로 구성된다. if (조건식) { 실행문1; 실행문2; 실행문3; } 만약 실행문이 하나 이상이면 실행문들을 중괄호로 감싼다. 🌈 실제로 조건식 true, false를 넣으면 분기하는 이유가 없다. 그래서 조건(식)에 보통 변수를 넣어서 코드의 흐름을 제어하는 것이 if문 이다. let condition = true; if (condition) { console.log('Hello, if!'); } true, false만 올 수 있는건 아니다. if (0) { console.log('Hello, if!'); } ▲ 0을 불 ..

강의 정리/제로초 자바스크립트

🔖 2-12. 상수(const)와 var

상수 만들기 const(constant) 상수의 줄임말이다. 변수는 변하는 수이다. 상수는 변하지 않는 수이다. const는 엄밀히 상수는 아니다. const를 변수라고 해도 틀린말은 아니다. const는 객체의 내부 값에는 적용되지 않는다. 상수를 왜 사용할까? 코딩을 하다 보면 실수로 값을 수정하는 일이 생긴다. 그걸 막기위해 상수를 사용한다. // 크롬 개발자도구 콘솔 환경 const value = '상수입니다.'; // undefined // ▲ const도 식이 아니라 선언문이기 때문에 콘솔에 undefined가 출력된다. value = '바꿀 수 없습니다.'; // Uncaught TypeError: Assignment to constant variable. // ▲ 다른 값을 대입하면 에러가..

강의 정리/제로초 자바스크립트

🔖 2-11. 변수 수정하기

변수의 값 수정하기 변수는 변하는 수라는 의미지만 수는 숫자가 아니라 값이라고 생각하자. 변하는 값이기 때문에 나중에 바꿀 수 있다. // 크롬 개발자도구 콘솔 환경 let change = '바꿔 봐'; // undefined change = '바꿨다!!!'; // "바꿨다!!!" change; // "바꿨다!!!" change = “바꿨다” 에서 결과값이 있는 이유는? let으로 변수를 선언할 때는 콘솔의 결과값이 undefined 이지만, 변수의 값을 바꿀 때는 결과로 바꾼 값이 나온다. 같은 대입 연산자를 사용했는데, 결과가 다르다. 왜 그럴까?? 👉 이는 let의 역할 때문이다. let이 없을 때는 코드가 식이라서 대입한 값이 결과값으로 출력되지만, let이 앞에 붙는 순간 선언문이 된다. 여기서..

강의 정리/제로초 자바스크립트

🔖 2-10. 변수 이름 짓기

프로그래머가 제일 어려운 하는게 변수명 짓는거다. 변수명은 최대한 자세하고 명확하게 그 값이 뭔지 알 수 있게 지어야 한다. 변수 네이밍 규칙 1.특수문자는 $, _ 만 가능 let $ = '달러'; $; // '달러' let _ = '언더바'; _; // '언더바' let er^ror = 'No!'; // Uncaught SyntaxError: Unexpected token '^' 2.숫자 첫글자로는 안됨 let 2error = 'No!'; // Uncaught SyntaxError: Invalid or unexpected token let button2 = 'OK!'; button2; // 'OK!' 3. 띄워쓰기 안됨 let zerocho is babo = ‘hahaha’; // Uncaught S..

강의 정리/제로초 자바스크립트

🔖 2-9. 변수 선언하기(let)

1. 현실에 있는것을 컴퓨터 속으로 옮기는것 2. 옮겨놓은걸 통해서 자유롭게 기능을 만들고 다시 현실에 있는 문제를 해결하는 프로그램을 만드는 것 변수를 다룰줄 알면 자료형과 값을 활용해 현실의 문제를 해결 할 수 있다. 변수 - 잠깐 동안 특정한 값을 저장할 수 있음 - 변수를 활용하면 컴퓨터가 기억하게 할 수 있음 - 값을 저장하고 저장한 값을 불러올 수 있게 하는 것이 변수이다. 컴퓨터에서는 값을 저장해두는게 매우 중요하다. 저장을 해놔야 활용 가능하기 때문이다. 다음과 같이 복잡한 숫자를 저장하고 변수를 사용하면 쉽게 그 자료에 접근 할 수 있다. 앞으로 프로그래밍 할때 대부분의 경우에 값들을 변수에 저장해놓고 저장한거끼리 계산을 하는 경우가 많을 것이다. console.log(string)는 되..

Front end/JavaScript

🔖 객체지향5. class를 복사하는 extends / super

class를 상속한 class를 만들고 싶을 때 쓰는 extends class 할아버지{ constructor(name){ this.성 = 'Kim'; this.이름 = name; } } 이 class가 유용한 나머지 이것과 유사한 class를 하나 더 만들고 싶다. 그러면 직접 class를 하나 더 만들어서 내용을 복붙하면 된다. 하지만 class안에 복사할 내용이 너무나도 많으면 코드가 너무나도 길어진다. 그래서 개발자들이 extends라는 문법을 만들었는데 이걸 이용해서 class를 만들면 기존에 있던 class의 내용을 그대로 복붙해서 만들어 낼 수 있다. "다른 class를 상속해서 만들 수 있게 도와주는 문법"이다. 그래서 할아버지 class를 상속하는 아버지 class를 만들어보겠다. cla..

ETC/코딩테스트

배열 메서드 안쓰고 중앙값 구하기

문제 설명 - 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 제한사항 array의 길이는 홀수입니다. 0

Front end/JavaScript

🔖 객체지향4. ES6방식으로 구현하는 상속기능 (class)

상속을 구현하는 또 다른 방법인 class 문법을 알아보자. 자바스크립트에서 class 라는 문법은 ES6에 추가되었다. 다른 객체 지향언어들과 비슷한 문법이다. class 문법은 constructor라고 명시적으로 적어 줄 수 있다.👍 // ES6 class 키워드로 구현하는 constructor 기계만들기 class 부모 { constructor() { this.firstName = '강'; } } var 자식 = new 부모(); console.log(자식); // 부모 {firstName: '강'} console.log(자식.firstName) // 강 constructor() { } 라고 쓴 부분에 this.~~~ 하면 새로 생성되는 오브젝트들에 값을 부여할 수 있다. 상속가능한 함수를 추가하려..

욱둥
'분류 전체보기' 카테고리의 글 목록 (5 Page)