태그 목록
전체보기 (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. 57 배열

배열이란?배열(Array) 여러 개의 값을 순차적으로 나열한 자료구조다. 매우 사용 빈도가 높으며 배열 메서드를 능숙하게 다룰 수 있다면 코딩에 매우 도움이 된다.배열이 가지고 있는 apple 같은 값을 요소(element)라고 부르며, 자바스크립트의 모든 값은 배열의

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

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. 52 개발 환경을 세팅하면서 알게된 좋은 도구 몇가지

앞선 글에서 말한 것과 같이, 기존 프로젝트의 개발 환경 세팅은 정말 버전과의 싸움인 듯 하다. 특히 Java 안드로이드의 경우 아주 가차없다.. 여러 키워드들과 알게된 내용들을 정리해본다.터미널에 /bin/bash -c "$(curl -fsSL https:/

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

TIL. 51 신입 개발자가 되었다.

입사 후 정신없이 지나간 일주일에 대한 이야기. 🎈 1주차에 대한 기록 처음 써보는 macOS에 왠지 익숙한 느낌이 드는건 왜일까..? 일주일 밖에 안되었지만 집에서 윈도우 노트북을 쓰는게 오히려 어색해졌다. 처음에는 Jira와 Confluence에 정리된 내부

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

TIL. 50 변수 선언 방식

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

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

TIL. 49 RESTful API ?

📄 REST 개념 정리 "Restful한 설계". 무슨 뜻일까? REST는 아키텍처 원칙 세트이다. 요청이 수행될 때, REST API는 리소스 상태에 대한 표현을 요청자에게 전송한다. HTTP URI를 통해 자원(Resource)을 명시하고, HTTP Meth

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

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

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

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

TIL. 47 Javascript 실행 구조

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

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

TIL. 46 Counting Sort(계수 정렬)

Counting Sort(계수 정렬)이란, 배열의 요소들을 비교해서 정렬하는 방식이 아닌, 해당 요소를 카운트해 정렬하는 알고리즘이다. 문제 요소의 범위가 0 <= arr[i] < 100인 배열을 계수 정렬 실행 계수 정렬은 요소 하나하나를 돌며 해당 요소를 계속

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

TIL. 45 Javascript 기본 활용

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

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

TIL. 44 Recoil로 부모 컴포넌트의 상태 변경하기

💡 Recoil React는 Angular, Vue.js와는 다르게 기본적으로 부모에서 자식 방향으로만 state를 props로 전달할 수 있는 단방향 라이브러리이다. 물론, 자식에서 부모의 state를 바꿀 수 있는 방법이 존재하지만 규모가 커질수록 관리가 어렵

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

TIL. 43 CSR, SSR

💡 SPA (Single Page Application) 말 그대로 하나의 페이지로 이루어진 웹 애플리케이션으로, 서버에서 최초에만 페이지를 받아온 후 이후에는 동적으로 구성해 새로운 페이지를 받아오지 않는다.(데이터를 수정, 조회할 때 새로 고침되지 않음) 쉽게 말해, 처음 불러왔던 페이지의 내용만 변경하는 방식이고, 페이지 이동간 서버에 요청을 하지...

2021년 9월 17일
·
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. 40 React - 버튼 컴포넌트

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

2021년 7월 29일
·
0개의 댓글

TIL. 39 Git rebase 진행

이력을 깔끔하게 정리하면서 합치고 싶을 때 사용한다.git rebase -i main먼저 commit을 여러 개 썼을 경우 맨 위는 pick, 나머지는 sqush로 설정하면 commit들을 하나로 합칠 수 있다.git push origin (브랜치이름)추가 수정 시1,

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

TIL. 38 CSS 속성 순서 컨벤션

displaylist-stylepositionfloatclearwidth / heightpadding / marginborder / backgroundcolor / fonttext-decorationtext-align / vertical-alignwhite-spaceo

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