오늘도 삽질중

객체와 배열의 반복 공통점 객체의 반복(for ...in) 배열의 반복(for ...of) 객체와 배열의 반복 공통점 - 순회 할 객체의 길이만큼 반복을 한다. 객체 반복문(for ...in) ---> 뽀잉뽀잉(for in for in) - 객체의 속성들을 반복하여 작업을 수행한다. - for ... in 구문은 객체의 key값에 접근이 가능하지만, value 값에는 접근 불가능하다. (따라서 value 값에 접근하려면 key값을 이용해야함) const obj = { a: 1, b: 2, c: 3, }; for (let key in obj){ // 여기서 선언된 key는 임의의 변수로 이름 아무거나 지어도 된다. console.log(key, obj[key]); } < for..in 좀 더 들여다 보기 ..

객체 key-value pair Dot notation, Bracket notation key값이 정해져 있을때와 정해지지 않을때 표현법 delete in 연산자 객체 : 하나의 변수에 여러가지의 정보(속성)가 담겨있는 데이터 타입 배열을 사용해주면 되지 않을까? - 각 값이 하나의 변수로 묶여있긴 하지만, 각각의 index가 어떤 정보를 갖고 있는지 알기 어렵다. let user = { firstName: 'Soyoung', lastName: 'Park', email: 'soso@codestates.com', city:'Seoul' }; 👊 객체는 키와 값 쌍(key-value pair)으로 이루어져 있다. 키(key) 값(value) firstName 'Soyoung' lastName 'Park' e..

자바스크립트에는 기본적으로 내장된 고차함수가 있다. 배열 매소드들 중 일부가 대표적이다. forEach, find, filter, map, reduce, sort, some, every... map filter reduce map: 하나의 데이터를 다른 데이터로 맵핑(mapping)할 때 사용 모든 요소에게 동일한 행동을 준 값에 대하여 모두 반환한다. 행동은 내가 직접 작성해야하고, 함수로 작성하여 인자로 넣는다. 기존 배열을 수정하지 않는다. 원하는 행동에 따라 결과가 달라진다. let arr = [1, 2, 3]; let result = arr.map(function(el) { return el * 2 }); return result; 배열의 각 요소가 특정 논리(함수)에 의해 다른 요소로 지정(m..

특별대우를 받는 함수 고차함수란? 특별대우를 받는 함수 자바스크립에서도 특별 대우를 받는 객체들이 있는데, 그 중의 하나가 함수이다. 어떤 특별 대우를 받을까? 변수에 할당(assignment) 가능, 자료구조(객체,배열 등에)저장 가능 다른 함수의 인자(argument)로 전달 가능 다른 함수의 결과로서 리턴 가능(함수의 반환값 사용가능) 함수를 변수에 할당할 수 있기 때문에, 함수를 배열의 요소나 객체의 속성값으로 저장할 수 있다. (함수의 데이터를 string, number, boolean, array, object)를 다루듯이 다룬다. 1. 변수에 함수 할당경우 // square 변수에 함수를 할당 const square = function(num){ return num*num; } // squa..

Fork clone git init git status git add git commit git reset HEAD^ git push git log pull request (PR) 👊 Fork - 다른 사람의 remote repository에서 내 remote repository로 가져올때 Fork한다. 👊 clone - 내 remote repository에서 내 컴퓨터(local repository)로 가져오기 위해 clone한다.(내 컴퓨터로 복사한다고 생각) git clone 👊 git init - 내 컴퓨터의 작업 공간(work space)에서 작업에 들어간 파일들을 git의 관리 하의 상태로 만들어준다.( 깃허브에서 포크-클론 해준거는 이미 깃의 관리 하의 상태이므로 생략가능하지만, 내가 직접 ..

들어가기전) JavaScript 런타임(runtime)에 대해 학습을 한다. 우리는 일상생활에서 이미 JavaScript 런타임을 이용하고 있는데 크롬, 사파리 같은 웹 브라우저가 바로 JavaScript 런타임이다. 런타임이란 프로그래밍 언어가 구동되는 환경을 의미한다. 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳(프로그래밍 언어가 실행되는 환경)을 의미한다. 이 때, 실행되는 곳이 바로 런타임이다. 과거에는 웹 브라우저가 대표적인 JavaScript런타임이다. 이전에는 웹 브라우저밖에 없었는데 node.js라는 새로운 JavaScript런타임의 등장으로, JavaScript가 브라우저가 아닌곳에서 실행 될 수 있게 되었다. node.js의 등장 이후, JavaScript를 이용하여 웹 페이지 ..

목차 CLI를 이용한 작업과 GUI를 이용한 작업이 동일함을 이해할 수 있다. GUI의 변경사항을 CLI로 확인할 수 있다. CLI의 변경사항을 GUI로 확인할 수 있다. 리눅스 터미널에서 기본적인 명령어를 사용할 수 있다. pwd: 현재 위치를 확인하는 명령어 mkdir: 새로운 폴더를 생성하는 명령어 ls: 폴더나 파일의 목록을 출력하는 명령어 nautilus (Ubuntu), open (macOS): 현재 폴더를 파일 탐색기로 여는 명령어 cd: 폴더에 진입하는 명령어 touch: 새로운 파일을 생성하는 명령어 cat: 파일의 내용을 터미널에 출력하는 명령어 rm: 폴더나 파일을 삭제하는 명령어 mv: 폴더나 파일의 위치를 이동하거나, 이름을 변경하는 명령어 cp: 폴더나 파일을 복사하는 명령어 s..

8.29. 월요일 😁 - 오늘은 html, css, document.querySelector('. class'). textContent를 아침에 배웠고 오후에는 자바스트립트의 동작을 이용해 계산기를 작동시키는 과제를 수행했다. 저번 달에 똑같은 과제를 수행했을 때 굉장히 애를 먹어서 (계산기 동작하는데 페어랑 몇 시간 동안 고민만 하고 둘 다 몰라서 결국 과제 다 못 끝냈었다 ㅜ) 오늘 과제를 할 때 좀 겁먹었는데 이게 웬걸..? 고민하는 시간은 있었지만 과제를 모두 다 끝냈고 페어에게 설명까지 다 해줬다ㅠ 너무 뿌듯하다. 저번 달에는 왜 그렇게 어려웠던 것일까.. 아무튼 내일 심화 부분을 할 계획을 페어와 세웠다. 내가 심화를 도전하게 되다니!! 맨날 기본만 했었는데!! 8.30. 화요일 🙂 -오늘은 ..