tobegood의 등록된 링크

 tobegood로 등록된 티스토리 포스트 수는 34건입니다.

23일차 [내부링크]

2021. 08. 19 목요일 1. Today's Key points! 오전9시 ~ 오후 6시 Section1 HA 시험 오늘은 하루종일 시험만 쳤고, 어제 오늘 시험치느라 피로가 쌓인듯 하다. 시험을 치기 전에는 통과못하면 어떻하지라는 걱정을..

고차함수 reduce 다루기, studentReports [내부링크]

문제 : 학생의 정보가 담긴 객체를 요소로 갖는 배열을 입력받아 아래 조건에 맞게 변형된 배열을 리턴해야 합니다. 1. 남학생들의 정보는 리턴하는 배열에서 제외합니다. 2. 'grades' 속성값은 평균값(number 타..

가장 짧은 문자열과 가장 긴 문자열 제거, removeExtremes [내부링크]

문제 : 문자열을 요소로 갖는 배열을 입력받아 가장 짧은 문자열과 가장 긴 문자열을 제거한 배열을 리턴해야 합니다. 주의사항 : 가장 짧은 문자열의 길이와 가장 긴 문자열의 길이가 같은 경우는 없습니다. 가장..

홀수 사이에만 '-' 넣기, insertDash [내부링크]

문제 : 문자열을 입력받아 연속된 한자리 홀수 숫자 사이에 '-'를 추가한 문자열을 리턴해야 합니다. 주의사항 : 0은 짝수로 간주합니다. 1 2 3 4 5 6 7 8 9 10 11 12 function insertDash(str) {   // 홀수..

3개 이상 연속되는 문자 압축하기, compressString [내부링크]

문제 : 문자열을 입력받아 연속되는 문자가 있을 경우, 연속 구간을 반복되는 수와 문자로 조합한 형태로 압축한 문자열을 리턴해야 합니다. 주의사항 : 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다...

22일차 [내부링크]

2021. 08. 18 수요일 1. Today's Key points! Section 1 Hiring Assessments 이벤트 함수 이벤트 객체 사용하지 않고 파라미터 전달하기. 알고리즘. compressString 2. 정리해보자. 오늘은 섹션1을 마무리하고 섹..

21일차 [내부링크]

2021. 08. 17 화요일 1. Today's key points! React 3가지 특징 SPA React Twittler 2. 정리해보자! React 3가지 특징 : 1) 선언형 코드 작성(프로그래밍). 2) 컴포넌트 기반 개발. 3) 어디에나 쓸 수 있다. -> 가..

각 단어의 첫글자 조합하기, firstCharacter [내부링크]

Javascript 문제 : 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자로 이루어진 문자열(string 타입)을 리턴해야 합니다. 주의 사항 : 단어는 공백 한 칸으로 구분합니다. 연속된 공백은 없다고 가정합니..

첫 글자가 대문자인 문자열 만들기, letterCapitalize [내부링크]

JavaScript 문제 : 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자가 대문자인 문자열을 리턴해야 합니다. 주의사항 : 단어는 공백으로 구분합니다. 연속된 공백이 존재할 수 있습니다. 빈 문자열을 입력..

convertListToObject [내부링크]

JavaScript 문제 : 2차원 배열(배열을 요소로 갖는 배열)을 입력받아 각 배열을 이용해 만든 객체를 리턴해야 합니다. 주의사항 : 중복되는 키의 경우, 초기의 값을 사용합니다. 빈 배열을 입력받은 경우, 빈 객체..

19일차 [내부링크]

2021. 08. 12 목요일 1. Today's Key points! SPA RouteBrowser, Switch, Route, Link React Twittler SPA Sprint 2. 정리해보자! SPA란? Single Page Application의 약자로 서버로부터 완전히 새로운 페이지를..

20일차 [내부링크]

2021. 08. 13 금요일 1. Today's Key points! State, Props react-router-dom { BrowerRouter, Switch, Route, Link } React Twittler 2. 정리해보자! State란? 변할 수 있는 값. 컴포넌트 사용 중 컴포넌트 내부..

18일차 [내부링크]

2021. 08 .11 수요일 1. Today's Key points! JSX React React Twittler 알고리즘. convertListToObject 2. 정리해보자! JSX란? JavaScript XML의 줄임말로 문자열도 아니고 HTML도 아니다. React에서 UI를 구성할..

17일차 [내부링크]

2021. 08. 10 화요일 1. Today's Key points! 고차함수 배열 고차함수 메소드. filter, map, reduce 코플릿 알고리즘. firstReverse(이건 쉬워서 패스), letterCapitalize 2. 정리해보자! 고차함수란? 함수를 인자..

2의 거듭제곱 판별하기, powerOfTwo [내부링크]

Javascript 문제 : 수를 입력받아 2의 거듭제곱인지 여부(boolean 타입)를 리턴해야 합니다. 주의사항 : 반복문(while)을 사용해야 합니다. 2의 0승은 1입니다. Number.isInteger, Math.log2, Math.log 사용은 금..

16일차 [내부링크]

2021. 08 .09 월요일 1. Today's Key points! DOM 이벤트 객체 validator(sprint 과제) Algorithm, powerOfTwo, firstCharater - 알고리즘은 따로 카테고리를 만들어서 정리해보고자 한다. 2. 정리해보자! DOM이란..

15일차 [내부링크]

2021. 08. 06 금요일 1. Today's Key points! DOM(Document Object Model) CREAT, APPEND, READ, UPDATE, DELETE 유효성 검사 2. 정리해보자! DOM(Document Object Model)은 HTML 및 XML 문서용 프로그래밍 인터페..

14일차 [내부링크]

2021. 08. 05 목요일 1. Today's Key points! 오늘은 앞서 배워왔던 것을 복습하는 느낌으로 Koans를 진행했다. 원시 자료형, 참조 자료형 얕은 복사, 깊은 복사 scope, closure Spread syntax/ Rest parameter De..

13일차 [내부링크]

2021. 08. 04 수요일 1. Today's Key points! 원시자료형 타입, 참조자료형 타입 scope(스코프), closure(클로저) var, let, const의 차이 내부함수, 외부함수 2. 정리해보자! 원시타입 데이터 : number, boolean,..

12일차 [내부링크]

2021. 08. 03 화요일 1. Today's Key points! CSS 중급. id와 class 목적 Mock-up만들기. 구조 설계. 수직분할, 수평분할, flex-box 다양한 방법으로 사용할 수 있는 Selector 2. 공부해보자! 셀렉터 : h1 { }, di..

11일차 [내부링크]

2021. 08. 02 월요일 1. Today's Key points! 객체 코플릿을 페어와 함께 풀었고, 풀면서 이해가 안됬었고 어떻게 해결했는지 다시한번 고민해보고자 한다. 객체 메소드. Object.keys(), Object.entry() for...in,..

HTML 기초 [내부링크]

HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어입니다. 글자 그대로, HTML은 프로그래밍 언어가 아닙니다. 그러나 HTML은 웹 페이지를 구성하는 뼈대가 되는 언어입니다. HTML은..

for...in vs for...of [내부링크]

for...in 루프는 객체의 모든 열거가능한 속성에 대해 반복합니다. 배열의 반복을 위해서는 추천되지 않는다. 이것은 쉽게 객체의 속성을 확인할 수 있기 때문에 실질적으로 디버깅을 위해 사용될 수 있습니다. 배..

10일차 [내부링크]

2021. 07. 30 금요일 지금까지는 일기형식으로 써왔는데, 오늘부터 TIL(Today I Learned)형식으로 구성을 갖춰서 작성해보려 한다. 어떤 구성으로 쓸거냐 하면 3가지(+1가지) 큰 형식에 맞춰 쓸 계획이다. 1. 오늘..

CSS 기초 [내부링크]

CSS는 Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정합니다. HTML이 웹 페이지의 구조를 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당합니다. 같은 HTML 구조..

조건문 [내부링크]

조건문 기초 truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다. 문자열은 기본적으로 truthy -> !문자열 // false undefined는 기본적으로 falsy -> !undefined // true 기억해야할 6가지 falsy 값 :..

NaN [내부링크]

NaN는 숫자가 아닌 값을 나타낸다. NaN은 다른 모든 값과 비교(==, !=, ===, !==)했을 때 같지 않으며, 다른 NaN과도 같지 않습니다. 즉 NaN은 비교할 수 있는 대상이 아니다. NaN의 판별은 Number.isNaN() ..

문자열 [내부링크]

문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다. 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length ex) str = 'Hello world'  str.length = 11 문자열의 글자 하나하나에 접..

Template string(template literal) [내부링크]

코플릿 진행도중에 Template string을 사용해야하는 부분이 있었는데, 이 부분 때문에 많이 헤맸고, 검색을 통해서 ${} 를 쓴다는 것 까지는 알았다. 템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `)..

함수 선언식 vs 함수 표현식 [내부링크]

함수 선언식 function(){ return ; } 함수 표현식 let func = function(){ return ; } 이렇게 그냥 바로 함수를 선언하는 경우 호이스팅을 받는다. 하지만 함수 표현식은 변수를 먼저 선언해 주고 함수를 할당하는..

타입 [내부링크]

자바스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다. 원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다. 타입마다 다른 속성과 메소드가 있다는 것을 이해할 수 있다. ty..

함수 [내부링크]

함수 Intro 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. keyword(function) name(함수 이름; mulTablePrinter) paramet..

var, let, const 차이점은? [내부링크]

var는 function-scoped이고, let, const는 block-scoped입니다. function-scoped와 block-scoped가 무슨말이냐? scope란? scope 위 예제에서 전역에서 선언된 변수 x는 어디에든 참조할 수 있다. 하지만 함수 foo..

변수 [내부링크]

변수 Intro 프로그래밍은 데이터 처리를 하는 것임을 이해한다. 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다. 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다. 값으로..