본문 바로가기

Research/Javascript15

Javascript_Conditionals Conditionals prompt()에 대해 알아보자. prompt는 구식 기술이여서 어떤 브라우저는 이를 차단하기도 한다. const age = prompt("type your age", "age?"); console.log(age) prompt는 2개의 파라미터를 받는데, 첫 번째는 안내 문구, 두 번째는 입력칸에 default로 적힌 문구를 기입하기 위함이다. 첫 번째 파라미터만 필수로 넣으면 된다. HTML에서 실행하면 아래와 같은 화면이 뜬다. 나이를 88이라 넣었다. 개발자도구에 prompt로 88을 age값으로 받은 뒤 호출했다. 데이터 타입 확인 const age = prompt("type your age", "age?"); console.log(typeof age); typeof 함수로.. 2022. 3. 20.
Javascript_function Function Function은 실행 가능한 코드의 집합체다. 한 마디로 행동들을 묶어놓은 패키지라고 보면 된다. 알약 캡슐처럼 이런저런 우리 몸에 어떤 영향을 미치는 영양소들이 하나의 캡슐 안에 들어있고 그 캡슐을 우리가 필요할 때마다 먹는다고 생각하면 된다. 기본 구조> input function sayHello() { console.log("sayHello") } sayHello() > output 파이썬과 크게 다르지 않아서 이해하기가 쉽다. 이제 함수에 파라미터(입력변수)를 넣어서 실행해보자. function sayHello(nameOfPerson) { console.log(nameOfPerson) } sayHello("thisBag"); sayHello("thatBag"); sayHello(.. 2022. 3. 20.
Javascript_Object Object 불편함 이전에 array.push()와 같이 함수의 메소드를 사용했다. 이러한 것을 우리가 직접 만들 수도 있다. 우리가 만약 제품에 관한 변수를 만든다고 하자. 그럼 유사한 변수들을 여러개 생성해야 할 것이다. 이름, 품번, 무게, 판매량 등등 말이다. const productName = "TheBag" const productNumber = 001; const productWeight = 200; const productSales = 92; 직관적이긴 하지만 변수명에 product가 반복된다. 반복된다는 것은 유사한 데이터들이라고 볼 수 있는데 이런 것들을 일괄적으로 묶을 수는 없을까? consol에 log를 붙여서 앞부분은 동일한 데이터를 붙이고 그 뒤에것만 추가로 붙일 수 있는 기능 .. 2022. 3. 20.
Javascript_array array 이제 데이터 구조에 대해 알아보는 시간이다. const mon = "mon"; const tue = "tue"; const wed = "wed"; const thu = "thu"; const fri = "fri"; const sat = "sat"; const sun = "sun"; const dayOfWork = [mon, tue, wed, thu, fri, sat, sun]; console.log(dayOfWork); 이건 파이썬에서 이미 배운 개념이다. 데이터들을 담아놓는 그릇이라고 생각하면 된다. 한 줄로 나란히 놓은 그릇이라서 console로 꺼낼 때도 한 줄로 나란히 꺼낼 수 있다. 인덱싱 console.log(dayOfWork[2]); array 뒤에 [2]를 붙여주면 array의 .. 2022. 3. 20.