Today I Learned

기수 이동 과제Underbar shuffle 메소드 레퍼런스 설명코드 변환(고차함수)아래 코드를 설명하라원본 배열 건드리면 안될 때 arr.slice()를 이용할 수 있다.지금까지 FP 10기를 수강하면서 배열의 원본을 건드려서 생긴 문제가 몇번 있었다. 그럴 때마다

코플릿 다시 풀기변수와 자료형조건문문자열을 인자로 받아서 느낌표를 붙여서 리턴해주는 함수 returnWordWithJoy가 있습니다. 함수 returnWordWithJoy의 첫 번째 인자로 문자열 "I love coding"을 넣어서 호출하고, 그 결과값을 변수 wor

오늘 배운 것 기수 이동 과제 : 배열의 내장 메소드 사용법 코플릿 다시 풀기 문자열 반복문 기수 이동 과제 배열의 내장 메소드 사용법 문제 배열을 입력받아 배열에서 가장 짧은 길이를 가진 문자열 요소를 리턴하라 > 입력 : 임의의 요소가 담긴 배열 출력 : s

코플릿 다시 풀기 : 반복문while문에 관해 복습코플릿을 푸는데 for문은 자주 사용해 왔기 때문에 거의 공식처럼 사용하여 코드가 술술 나왔지만, while문은 코플릿이 아니면 거의 사용해 본 기억이 없다. 그래서 그런지 코플릿을 다시 푸는데 while문이 나오자 막

자바스크립트 문법의 정의와 역사나는 아직 js를 배우는 입장이라서 중간중간 보이는 '모던', 'ES6'이 무슨 뜻인지 몰랐다. 아직은 그것까지는 알 단계가 아니었기 때문에 ...하지만 반복적으로 저 단어들을 접하게 된 이상 궁금증은 계속해서 가지고 있었고, 그 궁금증을

오늘 공부한 것 HTML, CSS, JS의 정의 웹 표준과 웹 접근성 (오늘은 Pre course와 별도로 추가로 공부한 내용을 기록하기로 한다) HTML (HyperText Markup Language) 정의 페이지에 제목, 문단, 표, 이미지, 동영상 등을

코플릿 : 조건문코플릿 : 문자열사용자의 이름과 미접속 시간(분)을 입력받아 조건별로 다른 메세지를 리턴해야 합니다.인자 1 : name (string 타입의 이름)인자 2 : period (number타입의 미접속 시간(분 단위))string타입을 리턴해야 합니다.미

반복문 코플릿 10번반복문 코플릿 17번두 개의 수를 입력받아 두 수를 포함해 두 수 사이의 수 중 2의 배수의 개수를 리턴해야 합니다.인자 1 (num1) : number타입의 정수 (num1 >=0)인자 2 (num2) : number타입의 정수 (num2 >=0)

이런 계x기...

for infor of객체를 순환하며 사용한다for in은 Iterable object이면 모두 반복할 수 있는 대상이 된다.배열을 순환하며 사용한다Iterable object지만, prototype chain에 의한 Iterable은 반복 대상에서 제외된다.itera

Object.entries()어려웠던 문제 : 코플릿 18번어려웠던 문제 : 코플릿 20번어려웠던 문제 : 코플릿 21번정의 : 객체가 가지고 있는 모든 프로퍼티를 키-값 쌍으로 배열 형태로 반환한다.웬만한건 이해했는데 원래 pop으로 풀려고 했더니 계속해서 원본 배열

유사 배열위와 같은 상태라면 겉만 봐서는 차이를 알 수가 없다. 둘다 배열처럼 생겨먹었기 때문하지만 Array.isArray를 이용하여 확인하면 검증이 가능하다arr은 배열이고 nodes와 els는 유사 배열이기 때문에 다른 결과가 나온다.직접 배열 리터럴로 선언한 것

트위틀러 목업을 만들기 위한 와이어프레임 설계CSS 선택자목업 구현기본적으로 콘텐츠의 흐름은 좌에서 우로, 위에서 아래로 흐른다.먼저 화면을 수직으로 분할하고, 수직으로 분할된 div에서 height속성을 이용해 수평 분할을 하는 것이 조금 더 수월할 수 있다.주의사항

일급객체함수 선언식, 함수 표현식함수 호이스팅고차함수자바스크립트에는 일부 특별한 대우를 받는 것들이 존재한다. 이런 것들을 '일급 객체'라고 하는데, 그중 하나가 함수이다.즉, 자바스크립트에서 함수는 아래와 같이 특별하게 취급된다변수에 할당할 수 있다다른 함수의 인자로

오늘 배운 것 nvm, node.js git workflow(git pairing) 환경 변수 NVM homebrew - macOS Package Manager 루비와 git으로 개발된 macOS용 패키지 매니저를 말한다. 개발이나 기타 환경에서 macOS에서 필요하

npmpackage.json하나의 프로그램은 다양한 모듈이 합쳐져서 만들어진다.하지만 프로그램을 만드는 과정 중에서 이미 개발이 완료된 부분을 다시 개발하여 구현할 필요는 없다. 이미 완성된 것을 가져다 쓸 수 있기 때문.이미 개발을 완료해서 오픈소스나 다른 방법으로

화살표 함수모듈화CommonJS화살표 함수는 function 키워드를 화살표로 축약해서 표시하는 방법이다. ES6부터 새로 도입되었다.위와 같이 작성된 것을 화살표 함수라고 부르는데, 함수 표현식과 비교하면 한 눈에 확인할 수 있다.함수 표현식화살표 함수화살표 함수는

Spread, Rest 문법구조 분해클래스, 인스턴스주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용파라미터를 배열의 형태로 받아서 사용할 수 있음. 파라미터 개수가 가변적일 때 유용함Spread 문법은 배열에서 강력한 힘을 발휘한다.구

OOPPrototype객체 지향 프로그래밍OOP라는 개념이 없을 시절의 초기의 프로그래밍 언어는 일반적으로 절차적 언어라고 부른다. (C, 포트란 등)절차적 언어는 순차적인 명령의 조합이었고, 기껏해야 함수로 이동하는 것이 전부였다. 객체 지향의 개념이 없었다.객체 지

Prototype chainObject.createclass/super상위 프로토타입 객체(A)를상속받은 객체(B)를다른 하위 객체(C)가 상속받고또 다른 하위 객체(D)가 상속받는 연결을 Prototype chain이라고 부른다.인스턴스들은 클래스가 가진 데이터를 공

TypeScript은닉화의 한계추상화 기능의 부재자바스크립트의 상위 호환 언어 (마이크로소프트에서 구현)확장자로는 .ts를 사용하며(무조건은 아님), 컴파일의 결과물로 js코드를 출력한다.최종적으로 런타임에서는 이렇게 출력된 js코드를 구동시키게 된다.정적 타입을 명시

자료 구조StackQueue여러 데이터들의 묶음을 어떻게 저장할 것이고 사용할 것인지 정의한 것우리는 다양한 자료를 가공하고 저장하고 활용할 수 있다.다만, 그 자료(data)는 굉장히 다양한 형태로 입력될 수 있고 그 형태에 따라 저장하고 가공하고 활용하는 방법이 모

GraphTreeBinary Search TreeSearch Algorithm컴퓨터 공학에서 사용하는 자료 구조 그래프는 수학적 그래프와 전혀 다른 형태를 갖는다.거미줄처럼 여러개의 점들이 이어진 복잡한 네트워크와 같은 형태이다.따라서, 컴퓨터 공학에서의 그래프를 한

sort()parseFloat()parseInt()이걸 왜 이제야 찾아봤나 싶다. 공부 참 띄엄띄엄 했네아무튼 자바스크립트 배열의 내장 함수에 sort()가 있다. 이름에서 예상할 수 있듯, 요소들을 정렬한다.일반적인 방법으로 사용하면 글자 수에 따라 정렬된다.아스키

오늘 배운 것 Time Complexity Greedy Algorithm Dynamic Programming Time Complexity

Algorithm with Math : 순열, 조합Algorithm with Math : 멱집합정규표현식서로 다른 n개의 무언가 중 r개를 골라 순서를 고려해 나열한 경우의 수순서를 생각하며 나열하는 것이 중요하다.순열이라는 의미의 영어 Permutation의 첫 글자

토이 풀어보기세 판의 가위바위보 게임을 할 경우, 한 사람은 세 번의 선택(예. 가위, 가위, 보)을 할 수 있습니다.세 번의 선택으로 가능한 모든 경우의 수를 구하는 함수를 작성합니다.입력없음출력2차원 배열(arr\[i])을 리턴해야 합니다.arr\[i]는 전체 경우

Asynchoronous JavascriptCallbackPromiseAsync & Await비동기를 설명하는 사진동기적으로 처리하게 되면 서버의 응답이 오기 전까지 클라이언트는 대기 상태에 있다가, 서버가 응답을 하면 나머지 연산을 처리하게 되는데, intro 짤에서

Client Server ArchitectureHTTP APIHTTPAjax클라이언트 서버 아키텍쳐 ( 2티어 아키텍쳐 )리소스와 존재하는 곳(서버)과 사용하는 곳(클라이언트)을 분리한 것을 뜻한다.클라이언트는 리소스에 접근하기 위해 서버에 요청을 보내고,서버는 클라이

리덕스가 뭐지?