태그 목록
전체보기 (58)JavaScript(22)React(9)CSS(6)html(6)비동기(4)codekata(3)array(3)method(3)if(2)lifecycle(2)API(2)조건부 렌더링(2)deepdive(2)scope(2)git(2)github(2)library(2)router(2)Comment(2)component(2)button(2)Map(2)spa(2)const(2)let(2)variable(2)CS(2)class(2)coding test(2)basic(2)math(1)goorm(1)선언(1)semantic tag(1)promise(1)video(1)useRecoilState(1)타입 변환(1)싱글 스레드(1)programmers(1)상태 관리(1)dynamic routing(1)instance(1)URI(1)framework(1)논리연산자(1)rebase(1)catch(1)restful api(1)http(1)bind(1)Box Model(1)동적 라우팅(1)CRA(1)block level(1)process(1)REST(1)non - constructor(1)project(1)useSetRecoilState(1)전역 상태 관리(1)call stack(1)MPA(1)프론트엔드(1)input(1)float(1)convention(1)hosting(1)Recoil(1)버전 관리(1)await(1)img tag(1)useState(1)구조(1)event loop(1)new.target(1)chat(1)async(1)node.js(1)신입 개발자(1)study(1)&&(1)useRecoilValue(1)실행 구조(1)layout(1)legacy(1)hoisting(1)멀티 스레드(1)settings(1)반복문(1)switch(1)@media(1)querySelectorAll()(1)var(1)quiz(1)data type(1)삼항연산자(1)homebrew(1)media query(1)State(1)Sort(1)this(1)arrow function(1)DOM(1)css variable(1)nvm(1)Constructor(1)웹아키텍쳐(1)memory heap(1)개발 환경 세팅(1)CSR(1)SSR(1)렌더링(1)Single Thread(1)background image(1)type(1)회사(1)max(1)data(1)Markdown(1)단축 평가(1)http method(1)Fetch(1)Query String(1)display(1)style(1)참조 타입(1)객체지향(1)readline(1)output(1)Fulfilled(1)semantic web(1)변수(1)rendering(1)styled component(1)CRUD(1)math object(1)원시 타입(1)min(1)ES6(1)componentDidMount(1)Pending(1)jdk(1)algorithm(1)Rejected(1)promise.all(1)multi thread(1)environment variable(1)callback queue(1)Cording Test(1)apply(1)call(1)new Object(1)tag(1)function(1)Counting(1)watchman(1)@Resource(1)virtual DOM(1)path parameter(1)object(1)할당(1)asynchronous(1)web(1)position(1)

TIL. 56 this

19장에서 살펴보았듯이 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리 단위로 묶은 복합적인 자료구조이다.메서드는 자신이 속한 객체의 프로퍼티를 참조하고 변경할 수 있어야 한다. 이 때 메서드가 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리

2022년 2월 6일
·
0개의 댓글

TIL. 55 생성자 함수에 의한 객체 생성

new 연산자와 함께 Obejct 생성자 함수를 호출하면 빈 객체를 생성 후 반환한다. 그 이후 프로퍼티 또는 메서드를 추가해 객체를 완성할 수 있다.생성자 함수란 new Object와 같이 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에

2022년 1월 23일
·
0개의 댓글

TIL. 54 let, const 키워드와 블록 레벨 스코프

ES5까지는 변수 선언 키워드가 var 밖에 없었다. 아래에서 var 키워드의 특징을 살펴보자.변수 중복 선언 허용위처럼 한 번 선언했다고 해도 무시하고 중복 선언해도 에러가 나지 않고 이후에 선언한 값으로 바뀐다.초기화문이 있는 변수 선언문은 JS 엔진에 의해 var

2022년 1월 16일
·
0개의 댓글

TIL. 53 타입 변환과 단축 평가

자바스크립트의 모든 값에는 타입이 있다.원시 타입: Number String Boolean Undefined Null데이터 복사가 일어날 때, 메모리 공간을 새로 확보해 독립적인 값을 저장한다.참조 타입: Object ( Array Function Regex 모두 객체

2022년 1월 9일
·
0개의 댓글

TIL. 50 변수 선언 방식

var, let, const의 차이점과 호이스팅에 대한 내용 호이스팅 hoisting이란 코드가 실행되기 전 '변수/함수의 선언'이 해당 스코프에서 가장 최상위로 끌어 올려지는 현상이다.(끌어 올리는 행위 자체를 말하는 것이 아니다.) 자바스크립트 엔진은 코드를

2021년 11월 21일
·
0개의 댓글

TIL. 48 코딩 테스트 Javascript 입력 받기(node.js)

구름Level, 프로그래머스, 백준 등 여러가지 코딩 테스트 사이트를 살펴 보았다. 수동으로 입력을 받아 진행해야 하는 사이트도 있고, 해당 함수안에 로직만 구현하면 되는 편리한 사이트도 있었다. > 구름(Goorm)이라는 사이트에서 처음 수동 입력을 접하고 엄청 해매

2021년 10월 27일
·
0개의 댓글

TIL. 47 Javascript 실행 구조

스레드란 프로그램, 특히 프로세스 내에서 실행되는 흐름의 단위이다. Javascript가 싱글 스레드인 이유 싱글 스레드 하나의 프로세스에서 하나의 스레드를 실행한다.(직렬적으로 실행) 멀티 스레드 하나의 프로세스에서 둘 이상의 스레드를 동시 실행한다.(병렬적으로

2021년 10월 18일
·
0개의 댓글

TIL. 45 Javascript 기본 활용

Javascript 기본기 연습을 위한 테스트입니다. > 기본적인 문제들을 보면서 생각보다 기본적인 Javascript 활용에 대해 복습하며, 여러 사람의 다른 풀이 방식을 보며 비교 활용할 수 있게 되어 도움이 된다. > 문제 출처: yeu.kr element 생성

2021년 9월 25일
·
0개의 댓글

TIL. 42 await & async

📑 await, async > async와 await는 자바스크립트의 비동기 처리 문법 중 하나이다. 기존의 비동기 처리 방식의 단점인 코드가 길어지는 것과 콜백지옥에서 벗어날 수 있게 도와주고, 코드의 가독성을 살려준다. 기본 형태 일반적으로 axios와 같은 프로미스를 반환하는 API 호출 함수에 주로 쓰인다. 위 코드에서는 fetch가 호출되...

2021년 8월 11일
·
0개의 댓글

TIL. 41 Promise

Javascript는 특정 코드의 실행이 완료될 때까지 기다리지 않고 바로 다음 코드로 넘어간다. 이를 비동기라고 하며 Promise는 Javascript의 비동기 처리에 사용되는 객체이다.이전 fetch 함수를 다룰 때 간단히 학습했지만, 좀 더 정리가 필요할 것 같

2021년 8월 2일
·
0개의 댓글

TIL. 31 Javascript - Map()

🎈 .map(ele, key) map() 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메소드이다. > 예를 들어 > let arr = [ 1, 2, 3, 4, 5] 일 때, arr.map ( num => num +

2021년 6월 30일
·
0개의 댓글

TIL. 30 CodeKata 6~7일차

숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.// 과반수는 반이 넘는 수이다. 어떤 숫자의 갯수가 전체 배열의 반이 넘으면 해당된다.// 배열의 i와 j번째를 계속해서

2021년 6월 30일
·
0개의 댓글

TIL. 29 CodeKata 3~5일차

saas코트카타 3일차const sameReverse = num => { let numArr = String(num).split('').join('') // console.log(numArr) let reverse = String(num).split('').rev

2021년 6월 24일
·
0개의 댓글

TIL. 27 CodeKata 1~2일차

카타는 반복훈련으로 무의식중에도 자유롭게 사용할 수 있도록 하는 것을 말한다.twoSum라는 함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return하라.// i+j = target을 만족해야 한다.// 배열에 있

2021년 6월 22일
·
0개의 댓글

TIL. 25 JavaScript - ECMA Script - ES6

ECMA Script JavaScript를 이루는 코어 스크립트 언어로써, JavaScript를 표준화하기 위해 만들어졌다.현재 ES10 버전까지 나왔지만 주로 쓰이는 것은 ES6이다. 편리함 함수들과 생소한 문법들도 많이 생겨 따로 공부가 필요하다.ES5와 비교해 달

2021년 6월 15일
·
0개의 댓글

TIL. 24 JavaScript - Class

🎈 Class 객체지향 프로그래밍 class가 핵심이 되며, 프로그램을 객체들로 구성하고 객체들 간에 서로 상호작용하도록 작성하는 방법이다. CSS의 class와는 전혀 다른 개념이다. 객체의 프로퍼티 값에는 함수를 넣을 수 있다 📋 > class MyMa

2021년 6월 14일
·
0개의 댓글

TIL. 23 JavaScript - Scope, Switch

Scope(유효범위) JavaScript의 문법이 아닌 모든 프로그래밍 언어에서의 영역에 대한 개념이다.block{} 내부에서 변수가 정의되면 그 변수는 오로지 block 내부에서만 사용할 수 있다. block 내부에서 정의된 변수를 local variable(지역 변

2021년 6월 14일
·
0개의 댓글

TIL. 22 JavaScript - Math Object

🎈 Math Object 다른 개체들과 달리 Math 객체에는 생성자가 없다. constructor 객체를 생성할 때 쓰는 new 키워드 다음에 나오는 것을 constructor(생성자)라 한다. > let zero = new Person(); 에서 Person.

2021년 6월 11일
·
0개의 댓글

TIL. 14 JavaScript - 라이브러리와 프레임워크

🎈 library(라이브러리) 단순 활용가능한 도구들의 집합을 말하며, 내가 만들 제품의 부품을 가지고 와서 사용하는 느낌이다. 개발자가 전체적인 흐름을 알고 기능을 적용해야 한다. framework(프레임워크) 뼈대나 기반구조를 뜻하며, 프로그래밍을 진행할 때 필

2021년 5월 24일
·
0개의 댓글

TIL. 13 JavaScript - Object(객체)

🎈 객체 이론과 활용 Object(객체) 함수와 서로 연관된 변수를 같은 이름으로 그룹핑하기 위한 도구이다. 객체에 포함된 함수는 메소드(method), 변수는 프로퍼티(property)라고 부른다, 객체의 property 끼리를 구분할 때는 콤마(,)를 사용한다.

2021년 5월 24일
·
0개의 댓글