2021. 08. 19 목요일 1. Today's Key points! 오전9시 ~ 오후 6시 Section1 HA 시험 오늘은 하루종일 시험만 쳤고, 어제 오늘 시험치느라 피로가 쌓인듯 하다. 시험을 치기 전에는 통과못하면 어떻하지라는 걱정을..
문제 : 학생의 정보가 담긴 객체를 요소로 갖는 배열을 입력받아 아래 조건에 맞게 변형된 배열을 리턴해야 합니다. 1. 남학생들의 정보는 리턴하는 배열에서 제외합니다. 2. 'grades' 속성값은 평균값(number 타..
문제 : 문자열을 요소로 갖는 배열을 입력받아 가장 짧은 문자열과 가장 긴 문자열을 제거한 배열을 리턴해야 합니다. 주의사항 : 가장 짧은 문자열의 길이와 가장 긴 문자열의 길이가 같은 경우는 없습니다. 가장..
문제 : 문자열을 입력받아 연속된 한자리 홀수 숫자 사이에 '-'를 추가한 문자열을 리턴해야 합니다. 주의사항 : 0은 짝수로 간주합니다. 1 2 3 4 5 6 7 8 9 10 11 12 function insertDash(str) { // 홀수..
문제 : 문자열을 입력받아 연속되는 문자가 있을 경우, 연속 구간을 반복되는 수와 문자로 조합한 형태로 압축한 문자열을 리턴해야 합니다. 주의사항 : 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다...
2021. 08. 18 수요일 1. Today's Key points! Section 1 Hiring Assessments 이벤트 함수 이벤트 객체 사용하지 않고 파라미터 전달하기. 알고리즘. compressString 2. 정리해보자. 오늘은 섹션1을 마무리하고 섹..
2021. 08. 17 화요일 1. Today's key points! React 3가지 특징 SPA React Twittler 2. 정리해보자! React 3가지 특징 : 1) 선언형 코드 작성(프로그래밍). 2) 컴포넌트 기반 개발. 3) 어디에나 쓸 수 있다. -> 가..
Javascript 문제 : 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자로 이루어진 문자열(string 타입)을 리턴해야 합니다. 주의 사항 : 단어는 공백 한 칸으로 구분합니다. 연속된 공백은 없다고 가정합니..
JavaScript 문제 : 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자가 대문자인 문자열을 리턴해야 합니다. 주의사항 : 단어는 공백으로 구분합니다. 연속된 공백이 존재할 수 있습니다. 빈 문자열을 입력..
JavaScript 문제 : 2차원 배열(배열을 요소로 갖는 배열)을 입력받아 각 배열을 이용해 만든 객체를 리턴해야 합니다. 주의사항 : 중복되는 키의 경우, 초기의 값을 사용합니다. 빈 배열을 입력받은 경우, 빈 객체..
2021. 08. 12 목요일 1. Today's Key points! SPA RouteBrowser, Switch, Route, Link React Twittler SPA Sprint 2. 정리해보자! SPA란? Single Page Application의 약자로 서버로부터 완전히 새로운 페이지를..
2021. 08. 13 금요일 1. Today's Key points! State, Props react-router-dom { BrowerRouter, Switch, Route, Link } React Twittler 2. 정리해보자! State란? 변할 수 있는 값. 컴포넌트 사용 중 컴포넌트 내부..
2021. 08 .11 수요일 1. Today's Key points! JSX React React Twittler 알고리즘. convertListToObject 2. 정리해보자! JSX란? JavaScript XML의 줄임말로 문자열도 아니고 HTML도 아니다. React에서 UI를 구성할..
2021. 08. 10 화요일 1. Today's Key points! 고차함수 배열 고차함수 메소드. filter, map, reduce 코플릿 알고리즘. firstReverse(이건 쉬워서 패스), letterCapitalize 2. 정리해보자! 고차함수란? 함수를 인자..
Javascript 문제 : 수를 입력받아 2의 거듭제곱인지 여부(boolean 타입)를 리턴해야 합니다. 주의사항 : 반복문(while)을 사용해야 합니다. 2의 0승은 1입니다. Number.isInteger, Math.log2, Math.log 사용은 금..
2021. 08 .09 월요일 1. Today's Key points! DOM 이벤트 객체 validator(sprint 과제) Algorithm, powerOfTwo, firstCharater - 알고리즘은 따로 카테고리를 만들어서 정리해보고자 한다. 2. 정리해보자! DOM이란..
2021. 08. 06 금요일 1. Today's Key points! DOM(Document Object Model) CREAT, APPEND, READ, UPDATE, DELETE 유효성 검사 2. 정리해보자! DOM(Document Object Model)은 HTML 및 XML 문서용 프로그래밍 인터페..
2021. 08. 05 목요일 1. Today's Key points! 오늘은 앞서 배워왔던 것을 복습하는 느낌으로 Koans를 진행했다. 원시 자료형, 참조 자료형 얕은 복사, 깊은 복사 scope, closure Spread syntax/ Rest parameter De..
2021. 08. 04 수요일 1. Today's Key points! 원시자료형 타입, 참조자료형 타입 scope(스코프), closure(클로저) var, let, const의 차이 내부함수, 외부함수 2. 정리해보자! 원시타입 데이터 : number, boolean,..
2021. 08. 03 화요일 1. Today's Key points! CSS 중급. id와 class 목적 Mock-up만들기. 구조 설계. 수직분할, 수평분할, flex-box 다양한 방법으로 사용할 수 있는 Selector 2. 공부해보자! 셀렉터 : h1 { }, di..
2021. 08. 02 월요일 1. Today's Key points! 객체 코플릿을 페어와 함께 풀었고, 풀면서 이해가 안됬었고 어떻게 해결했는지 다시한번 고민해보고자 한다. 객체 메소드. Object.keys(), Object.entry() for...in,..
HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어입니다. 글자 그대로, HTML은 프로그래밍 언어가 아닙니다. 그러나 HTML은 웹 페이지를 구성하는 뼈대가 되는 언어입니다. HTML은..
for...in 루프는 객체의 모든 열거가능한 속성에 대해 반복합니다. 배열의 반복을 위해서는 추천되지 않는다. 이것은 쉽게 객체의 속성을 확인할 수 있기 때문에 실질적으로 디버깅을 위해 사용될 수 있습니다. 배..
2021. 07. 30 금요일 지금까지는 일기형식으로 써왔는데, 오늘부터 TIL(Today I Learned)형식으로 구성을 갖춰서 작성해보려 한다. 어떤 구성으로 쓸거냐 하면 3가지(+1가지) 큰 형식에 맞춰 쓸 계획이다. 1. 오늘..
CSS는 Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정합니다. HTML이 웹 페이지의 구조를 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당합니다. 같은 HTML 구조..
조건문 기초 truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다. 문자열은 기본적으로 truthy -> !문자열 // false undefined는 기본적으로 falsy -> !undefined // true 기억해야할 6가지 falsy 값 :..
NaN는 숫자가 아닌 값을 나타낸다. NaN은 다른 모든 값과 비교(==, !=, ===, !==)했을 때 같지 않으며, 다른 NaN과도 같지 않습니다. 즉 NaN은 비교할 수 있는 대상이 아니다. NaN의 판별은 Number.isNaN() ..
문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다. 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length ex) str = 'Hello world' str.length = 11 문자열의 글자 하나하나에 접..
코플릿 진행도중에 Template string을 사용해야하는 부분이 있었는데, 이 부분 때문에 많이 헤맸고, 검색을 통해서 ${} 를 쓴다는 것 까지는 알았다. 템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `)..
함수 선언식 function(){ return ; } 함수 표현식 let func = function(){ return ; } 이렇게 그냥 바로 함수를 선언하는 경우 호이스팅을 받는다. 하지만 함수 표현식은 변수를 먼저 선언해 주고 함수를 할당하는..
자바스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다. 원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다. 타입마다 다른 속성과 메소드가 있다는 것을 이해할 수 있다. ty..
함수 Intro 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. keyword(function) name(함수 이름; mulTablePrinter) paramet..
var는 function-scoped이고, let, const는 block-scoped입니다. function-scoped와 block-scoped가 무슨말이냐? scope란? scope 위 예제에서 전역에서 선언된 변수 x는 어디에든 참조할 수 있다. 하지만 함수 foo..