Buang

'코딩앙마' 님의 '자바스크립트 기초 강좌' 필기를 정리한 글입니다. 1. 객체 정의 2. 객체 접근 3. 객체 함수 4. 객체 축약 5. in을 이용해서 true와 false 반환하기 ex) 나이가 20이상이면 true를 반환하시오 1. 객체 정의 객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신과 다른 것을 식별가능한 것을 말한다. 예를 들어 물리적으로 존재하는 사람, 책, 자동차, 컴퓨터 등 과 추상적으로 생각할 수 있는 학과, 강의, 주문 등이 모두 객체가 될 수 있다. 객체의 가장 좋은 예시로 슈퍼맨을 들 수 있을 거 같다. 슈퍼맨 또한 물리적으로 존재할 수 있기에 객체다. 그 슈퍼맨의 이름은 clark고, 나이는 33이다. 이걸 정리해서 표현하면 아래와 같을..

'코딩앙마'님 자바스크립트 기초 강좌 필기록입니다. 함수 표현식: 화살표 함수 사용법 let add = function(num1, num2){ return num1 + num2; } 위와같은 함수 표현식을 화살표 함수로 나타내면 아래와 같이 나타낼 수 있다. let add = (num1, num2) => { return num1 + num2; } function이란 단어가 사라지고 (num1, num2) 뒤에 =>가 생겼다. 함수 표현식은 이렇게 바꿀 수 있다. 함수 선언문은 아래처럼 바꿀 수 있다. 함수 선언문: 화살표 함수 function add(num1, num2){ return num1 + num2 } 맨 처음에 소개한 함수 표현식과 다르게 위의 코드는 함수 선언문이다. add = (num1, n..

1. 컴포넌트 정의 컴포넌트는 사용자 정의 태그라고 할 수 있다. 카페에 갔는 데 바나나 우유와 딸기 우유만 판다고 해보자. 나는 바나나도 딸기 우유도 마음에 들지 않았다. 초코 우유를 먹고 싶었다. 그래서 직접 초코 우유를 만들었다. 이렇게 기존에 있던 것(바나나 우유, 딸기 우유)에서 벗어나 새로운 것(초코 우유)을 내가 직접 만드는 것이 컴포넌트의 개념과 유사하다. 이 개념을 숙지하고 아래 글을 읽어도 좋고, 만약 html을 접해봤다면 더 정확한 개념 이해를 위해 아래 '더보기'를 추가로 보는 걸 추천한다. 더보기 html을 안다면 태그라는 걸 들어봤을 것이다. 태그는 list의 약자로 '목록'을 만드는 태그다. li 태그 외에 head태그, ol 태그, body 태그 등 각자 특정한 기능을 가지고..

1. 함수 선언문과 함수 표현식 정의 자바스크립트에선 함수를 몇 가지 형태로 표현할 수 있다. function sing(){ //sing이란 함수 선언 console.log("LaLaLa~"); } sing(); //함수 호출. LaLaLa가 console 창에 출력된다. 가장 일반적으로 위의 코드처럼 함수이름(sing) 앞에 function 을 써서 함수를 만들어 줄 수 있다. 위와같은 형태를 함수 선언문이라고 한다. let sing = function(){ console.log("LaLaLa~"); } sing(); //함수 호출. LaLaLa가 console 창에 출력된다. 두 번째 방법으론 변수 = function() 형태로 sing이란 이름의 변수를 선언(let sing)하고 그 뒤에 funct..

1. 형변환 등장 배경 10+20의 값은 30이다. 그런데 자바스크립트에선 10 + 20의 값이 1020으로 나올 수도 있다. 이러한 문제는 문자를 숫자로, 숫자를 문자로 바꾸는 형변환에 대해 알면 쉽게 해결할 수 있다. 2. 문자를 숫자로 바꾸기 위의 코드는 내가 두 개의 숫자를 입력했을 때 그 두 개의 숫자의 합을 출력하는 코드다. 예시로 내가 숫자 10과 숫자 20을 입력하면 10 + 20의 결과값인 30이 출력되게 하는 코드인 것이다. 그런데 결과로 30이 아닌 1020이 나와버렸다. 이런 현상이 나타나는 이유는 prompt 때문이다. 코드 첫 줄을 보면 prompt가 보일텐데 prompt는 입력을 받게 해주는 것으로 숫자가 아닌 문자 형태로 입력을 받는다. 예시로 내가 키보드를 통해 숫자 10을..

1. 함수를 왜 쓸까? 2. 함수의 개념 3. 함수의 형태 4. 다향한 함수 예문 1. 함수를 왜 쓸까? 우리가 '함수'에 대해서 배우기 전에 이 '함수'를 쓰는 이유에 대해 알면 함수를 이해하는 데 많은 도움이 된다. 그래서 먼저 함수가 왜 쓰는지에 대해 설명하고자 한다. //5+10의 값을 구하는 코드 var num1 = 5; var num2 = 10; var sum = num1 + num2; console.log(sum); //결과값: 15 위의 코드는 5와 10이라는 두 개의 숫자를 더하는 코드다. 지금은 더하기 작업을 한 번만 하면 되는데 만약 여러 번의 더하기 작업을 해줘야 한다면 어떻게 될까? //5 + 10의 값을 구하는 부분 var num1 = 5; var num2 = 10; var su..

1. 문제 연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오. 윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 또는 400의 배수일 때이다. 즉 400의 배수면 윤년에 해당한다. 4의 배수이면서 100의 배수가 아닐 때도 윤년에 해당한다. 그 외에는 윤년이 아니다. 예를 들어, 2012년은 4의 배수지만 100의 배수가 아니라서 윤년이다. 1900년은 100의 배수이고, 400의 배수가 아니라 윤년이 아니다. 2000년은 400의 배수라 윤년이다. https://www.acmicpc.net/problem/2753 2753번: 윤년 연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오. 윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 ..

1. 문제 시험 점수를 입력받아 90 ~ 100점은 A, 80 ~ 89점은 B, 70 ~ 79점은 C, 60 ~ 69점은 D, 나머지 점수는 F를 출력하는 프로그램을 작성하시오. https://www.acmicpc.net/problem/9498 1330번: 두 수 비교하기 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. www.acmicpc.net 2. 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); int A = scan.nextInt(); scan.close(); if (A >= 90) Sys..

1. 문제 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. https://www.acmicpc.net/problem/1330 1330번: 두 수 비교하기 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. www.acmicpc.net 2. 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); int A = scan.nextInt(); //정수를 입력받을 예정이고, 입력받은 정수는 변수 A에 저장 int B = scan.nextInt(); //정수를 입력받을 예정이고, 입력받은 ..

1. 문제 https://www.acmicpc.net/problem/2588 2588번: 곱셈 첫째 줄부터 넷째 줄까지 차례대로 (3), (4), (5), (6)에 들어갈 값을 출력한다. www.acmicpc.net (세 자리 수) × (세 자리 수)는 다음과 같은 과정을 통하여 이루어진다. (1)과 (2)위치에 들어갈 세 자리 자연수가 주어질 때 (3), (4), (5), (6)위치에 들어갈 값을 구하는 프로그램을 작성하시오. 2. 정답 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); int A = scan.nextInt(); ..