본문 바로가기

자바스크립트86

[220104] 배열과 객체 / create:function(), 객체 안에 객체or배열 목차 1. 배열과 객체 2. 객체 안에 추가하기 3. 배열과 객체의 데이터타입 배열 (array) 과 객체 (object) 배열이랑 객체가 뭐더라 //배열 array // 배열명 = {값, 값, 값} let arr = [1, 2, 3]; //객체 object //key = 값 이름 //value = 값 //객체명 = {key:value, key:value} let obj = {name:'Joo', age:29} 가장 큰 차이점은 값을 저장하는 방식. 쉽게 생각해보자면, 배열은 arr이란 아파트에 "100호에 1이 살고, 101호에 2가 살고, 103호에 3이 산다." 객체는 obj란 아파트에 "name이란 방에 'Joo'가 살고, age란 방에 29가 산다." 방호수로 기억하느냐, 유치원반처럼 개나리반,.. 2022. 1. 4.
[220104] 코테 Lv.1 / 직사각형 별찍기, 크롬 콘솔에서 중복된 값 띄우기 해보려고했는데.. 아는게 별로 없어셔 예시의 구문은 사용하지 못했다. 대신 내가 아는 것 내에서 해보고, 모르는건 일단 알아두기는 하겠음. 해결 전 문제 인식하기 별을 출력하고 함수를 어떻게 짜고 말하기 전에 제일 큰 문제가 하나 있다. 한 줄에 나란히 쓰기는 어떻게 하지. 너무 간단한 문제라 헛웃음이 나는데 지금 내 수준이 여기다. 아는건 console.log()랑 if문이랑 for문이랑 연산자 몇개가 단데 뭐 어떡할거야. 그러니까 도와줘요 구글링. 구글링을 한 결과 --> process.stdout.write(); 뭐가 이렇게 길어. 간단한거 없나. 심지어 실행도 안되는데? 뭐지? 어 잠만 여기서 막히면 아무것도 할 수 없는디. 출력을 못하는데 코드 짜면 뭐하냐고 확인을 못하는데. 혹시 console.. 2022. 1. 4.
[220204] 배열 array, length, typeof, push 목차 1. 배열 2. 배열의 주소 배열의 생성, 데이터 1개 넣기 : let arr = [ ]; 배열의 데이터 타입 알기 : typeof console.log(arr); console.log(typeof arr); //데이터 타입을 말해주는 typeof //object라고 나온다 let str = "글자형이다!!" console.log(str); console.log(typeof str); // 문자 글자형이므로 string이 나온다 배열에 데이터 2개 이상 넣기 arr=[10,20]; console.log(arr); // 컴퓨터가 배열을 새로 만들어서 // 빈 배열에 숫자 10, 20을 넣음 배열에 맨 끝에 데이터 추가하기 : push arr.push(103); console.log(arr); // 개.. 2022. 1. 4.
[220103] 자바스크립트 / let, const, ver, else if, 함수 심화,함수 연습문제 목차 1. 변수와 상수 2. 아스키코드 3. else if문 4. 함수 심화 5. 연습문제 let(변수) 변수를 선언 메모리에 저장할 수 있는 공간 확보 그 공간에 월요일 저장 즉, 선언을 하지 않으면 저장할 공간을 만들지 않았으므로 저장이 안됨. 에러발생. 집이 안 지어졌는데 입주를 어떻게 합니까. 자기가 가지고 있는 영역(code block)에서만 실행되는 모습 let a ="pale" //a라는 공간을 만들어서 저장 let a = "apple"//a라는 공간을 만들려고하지만 공간의 이름이 중복됨. 에러발생 { let a="apple"; //code block } 변수만 선언하고 값을 저장하지 않은 경우에 출력을 하면 뭐가 나올까? null상태인가? 아니면 더미값이 있나? let red; consol.. 2022. 1. 3.
[211231] 함수의 정의와 호출, return 사용하기 목차 1. 함수를 사용하는 이유 2. 함수의 기능 2가지 3. 함수의 정의 & 호출 4. 함수의 선언 위치 함수를 사용하는 이유 특정 역할을 동일시 수행할 경우, 코드를 반복해서 작성하지 않고 편하게 호출해서 사용하고 싶을때 사용한다. 함수의 기능 2가지 //함수 함수명 (매개변수) function ingoo(name){ console.log(name); } ingoo('민트초코'); 매개변수 (인자) return return을 만나면 함수가 멈추고 값을 내보낸다. 함수의 결과물을 반환하기 위해서 사용한다. 함수 안에 있는 내용을 함수 밖에서 사용하고 싶어서 사용. 함수를 사용하기 위한 조건 : '정의'와 '호출' function ingoo(name){ let result = name+'님 환영합니다';.. 2021. 12. 31.
[211230] 자바스크립트 / 변수, 예약어, 연산자, if문, for문 목차 1. 자바스크립트 2. 컴퓨터의 간단한 구조 3. 저장단위 4. 예약어 5. 연산자 6. 조건문 자바스크립트가 나타난 배경 최초의 브라우저 넷스케이프 (jsc는 없었음) -> 10일만에 jsc 쨔잔! 만들어냄. 그러니까 저급한 단어란걸 인식하고있자. -> 윈도우 마소가 넷스케이프 카피캣을 해서 익스플로러를 만들어냄 -> 문제는 서로 약간씩 다르게 기능을 하게 만듬 = 코드를 다르게 읽는거지(크로스 브라우징을 하게 만든 원흉) 파이어폭스 등장 플래시(액션 스크립트)를 자바스크립트 대신해서 적용함. -> 익스플로러, 파이어폭스, 다른 브라우저 다 다르게 함 대환장 파티 구글이 만든 크롬(2007) 등장 자바스크립트를 해석해주는 v8 엔진 기능이 매우 좋았고, 넷스케이프의 표준 문법을 지키는 브라우저.-.. 2021. 12. 30.