제제링 제제링

TIL의 회고 1. 다시 내가 쓴 글들을 읽어보니 2주차 들어서면서 개념 이해자체는 어렵지 않은데 그걸 활용해서 문제를 풀때 약간의 어려움이 있었다. 다시 강의를 보다보면 문제의 이해가 되었고 앞으로도 여러 문제를 많이 풀어봐야겠다는 다짐을 했다. 2. 자가테스트때는 조금 헷갈리는 부분이 약간 있어서 틀린 문제를 다시 풀어보고 개념을 다시 다졌다. 3. HTTP에 대해 알아보기로 한다. 이 부분은 웹개발자라면 짚고 넘어가야한다고 하기에 기본 개념부터 알아보려 한다. 웹개발 종합반에서도 보았듯이 클라이언트는 브라우저 / 서버쪽에서는 Javascript로 데이터를 요청하고 받는다. HTTP요청메서드로 GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS가 있다고한다. HTTP는 "..

const person = { name: 'John', age: 31, isMarried: true, sayHello: function () { console.log('hello, my name is + this.name'); } } person.sayHello(); 터미널결과: hello, my name is John this(자기자신을 가리킨다.) this.name은 person이라는 객체 내에서 name을 가리킨다. 객체.요소() person.sayHello()를 하면 거기에 해당하는 밸류인 함수가 나온다. 문제. 리터럴문법으로 바꿔보기 const person = { name: 'John', age: 31, isMarried: true, sayHello: function () { console.lo..

문제 설명 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 제한 조건 - strings는 길이 1 이상, 50이하인 배열입니다. - strings의 원소는 소문자 알파벳으로 이루어져 있습니다. - strings의 원소는 길이 1 이상, 100이하인 문자열입니다. - 모든 strings의 원소의 길이는 n보다 큽니다. - 인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. 입출력 예 strings / n / ret..

TIL의 회고 첫 날은 아예 아무것도 모르는 처음 배우는 자세로 강의에 임했다. 자바스크립트의 시작점부터 배웠었으며 ES6라는게 뭔지 궁금해서 구글링했던 기억이 있다. 그 과정에서 ES(ECMASCRIPT)라는게 자바스크립트의 표준, 규격을 나타내는 용어이고 ES6(ECMAScript6)는 버전을 나타낸다는 것을 알 수 있었다. ES6가 도입되면서 자바스크립트의 큰 발전을 이끌어냈으며 ES5(2009년발표)버전에 비해 바뀐 문법도 여러가지를 배울 수 있었다. 강의중 배운내용과 검색한 내용: 템플릿 리터럴 (``) 화살표 함수 (ES6(ECMAScript의 여섯번 째 ES) 프로그래밍 언어로 넘어오면서 적용된 화살표함수는 간결하다는 장점이 있지만 로직 부분을 생략하기도 한만큼 반환값 함수를 넣어야하는 함수..

Set 고유한 값을 저장하는 자료구조다. 값(밸류)만 저장한다. 키를 저장하지는 않는다. 값이 중복되지 않는 유일한 요소로만 구성된다. 집합을 생각하며 Set을 알아보자. Set시작 const mySet = new Set(); Set 값 추가 mySet.add('Value1'); mySet.add('Value2'); Set 크기 확인 conesole.log(mySet.size); 터미널 결과: 2 만약 같은 값을 또 추가하고 크기를 확인한다면 mySet.add('Value1'); mySet.add('Value2'); mySet.add('Value2'); conesole.log(mySet.size); 터미널 결과:2 같은 값은 중복으로 인식하므로 Set의 size에는 변화가 없다. 어떤 값이 존재하는지 확..

기존 객체, 배열을 활용해서 많고, 다양하고, 복잡한 프로그램을 만들어왔다. 그럼에도 현실세계를 반영하기엔 역부족 그리하여 Map, Set 이라는 추가적인 자료구조 등장 자료구조란 여러가지 자료 형태를 나타내는 것. Map과 Set도 자료구조에 해당한다. Map, Set의 목적: 기존 방식(배열이나 객체)보다 데이터의 구성, 검색, 사용을 더 효율적으로 처리하기 위해 Map key에 어떤 유형도 다 들어올 수 있다. Map은 키가 정렬된 순서로 저장되기 때문. Map의 기능 검색, 삭제, 제거, 여부 확인 Map 준비 const myMap = new Map(); Map에 요소추가 myMap.set('key', 'value'); Map 검색 myMap.get('key') Map 반복을 위한 메서드(keys..

*객체 = 변수, 자료 구조, 함수 또는 메소드 (자바스크립트에서의) 함수 = 일급 객체(Firt-Class Object) 일급 객체란? 다른 객체들에 일반적으로 적용가능한 연산을 모두 지원하는 객체 즉, 함수 => 객체처럼 매우 유연하게, 여러가지 방식으로 다룰 수 있음 함수가 객체처럼 다뤄지는 방식 다섯 가지 1. 변수에 함수를 할당할 수 있다. 변수 안에 함수를 포함시킬 수 있다. const sayHello = function () { console.log('Hello!') } 즉 sayHello라는 변수 = 함수 () {} 시켜서 sayHello를 호출해서 함수를 실행시킬 수 있다. 2. 함수를 인자로 다른 함수에 전달할 수 있다. (매개변수로받은 func도 함수가 될 수 있다.) 2-1. 콜백함..