태그 목록
전체보기 (45)WeCode(13)위코드(11)Dream Coding(8)JavaScript(8)자바스크립트(6)드림코딩(6)노마드 코더(4)this binding(3)youtube clone(3)js(3)promise(3)Nomad Coders(3)callback(3)routing(2)유튜브 클론(2)클론프로젝트(2)콜백함수(2)콜백(2)async(2)DOM(2)React(2)Controller(1)task queue(1)apply(1)call(1)git(1)callback 함수(1)array database(1)get request(1)query parameter(1)비동기 처리(1)keyword(1)function(1)자바스크립트 기초문법(1)프로세스(1)웹 접근성(1)mixin(1)TIL(1)path parameter(1)배열(1)콜백지옥(1)position(1)position: absolute(1)semantic tag(1)마켓컬리(1)클론코딩(1)Render Tree(1)conditional(1)this.props(1)쓰레드(1)link(1)instance(1)논리연산자(1)Builder Pattern(1)terminate instance(1)http(1)bind(1)propagation(1)promise race api(1)Thread(1)process(1)Request(1)Response(1)불변객체(1)include(1)시맨틱 태그(1)nodemon(1)consumer(1)display inline-block(1)(1)유튜브(1)this.props.history.push()(1)예약어(1)display block(1)create react app(1)라우팅(1)free-tier(1)promise all api(1)router(1)brackets 유효성 로직(1)float(1)lexical environment(1)로그인 버튼 활성화(1)fulfiled(1)add back to top(1)capturing(1)position: relative(1)button click event(1)await(1)JOIN(1)this.state(1)python(1)Spread 연산자(1)producer(1)인스턴스 삭제(1)코딩 부트캠프(1)mutable object(1)bracket(1)github for desktop(1)method(1)checkout brnaches(1)pug(1)Market Kurly(1)AND조건(1)OR조건(1)로그인 버튼 validation(1)inheritance(1)가변객체(1)cli(1)Route(1)soft reset(1)시맨틱 웹(1)relative url(1)라우터(1)filter(1)Microtask Queue(1)커리어 전환(1)Request animation frame(1)동적라우팅(1)data type(1)AND연산자(1)OR연산자(1)로그인 활성화(1)display inline(1)생활코딩(1)float-left(1)AWS 과금(1)State(1)Sort(1)this(1)branch out(1)stoppropagaion(1)Sass(1)프리티어(1)clone(1)splice(1)float-right(1)hard reset(1)js clock(1)execution context(1)template(1)binding(1)immutable object(1)논리식(1)identifiers(1)partial(1)당근게임(1)guarantee the type using javascript(1)array(1)variable environment(1)proptypes(1)실행 컨텍스트(1)404 file not found(1)spa(1)display(1)Defer(1)aws(1)render(1)post request(1)seo(1)Promise API(1)유튜브 클론코딩(1)environmentRecord(1)express(1)slice(1)nomad coder(1)syntatic sugar(1)semantic web(1)CSSOM(1)babel(1)rendering(1)styled component(1)Map(1)식별자(1)mvp.css(1)nomad coding(1)Props(1)인스턴스 종료(1)absolute url(1)깃허브(1)Pending(1)bubbling(1)파이썬(1)git-hub(1)검색엔진 최적화(1)deep copy(1)application layer protocol(1)Rejected(1)itertaion(1)Routes(1)Wetube(1)mixed reset(1)비구조화할당(1)
post-thumbnail

JS | 콜백함수(Callback function)

콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수.A와 B는 다음 날 오전 6시에 만나기로 약속하였다. 약속에 늦을까 불안한 마음에 A는 새벽에 수시로 깨어 시계를 확인했다. B는 5시에 알람을 맞춰두고 편히 자다가 알람을

2021년 12월 4일
·
0개의 댓글
post-thumbnail

JS | This

자바스크립트에서의 this : 함수와 객체(메서드)를 구분할 수 있는 기능이다.cf) 다른 대부분의 객체지향 언어에서 this는 class로 생성한 instance 객체를 의미하지만, 자바스크립트에서는 어디서든 사용할 수 있어 함수와 객체(메서드)의 구분이 느슨하다.자

2021년 11월 24일
·
0개의 댓글
post-thumbnail

부트캠프에서의 3개월 회고

3개월 전까지 나는 3년차 영업사원이었다. 7월 30일 퇴사를 하고 개발자로 커리어 전환을 위해 8월 2일, 코딩 부트캠프에서 공부를 시작했다. 기억보다 기록이 중요한 개발자로 커리어를 시작하려는 만큼 지난 3개월을 돌아보고 앞으로 어떻게 살아갈 지 기록해보려고 한다.

2021년 11월 24일
·
0개의 댓글
post-thumbnail

JS | Execution Context: 실행 컨텍스트

Execution Context: 실행 컨텍스트Execution Context ( 실행 컨텍스트)실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다. 다르게 말하면 코드가 실행되기 위해 필요한 환경이라고 할 수 있다.동일한 환경의 코드들을 실행할 때

2021년 11월 12일
·
0개의 댓글
post-thumbnail

React | 프립 클론 프로젝트

1차 프로젝트였던 마켓컬리 클론 프로젝트가 끝나고 곧이어 진행되었던 2차 프로젝트에서는 여가, 액티비티 공유 플랫폼인 프립을 클론하게 되었다. 이전 프로젝트 때 화면 구현조차 완벽하게 하지 못해 아쉬운점이 너무 많았고 2주 간의 프로젝트 기간 외에 추석연휴 1주가 포함

2021년 10월 3일
·
0개의 댓글
post-thumbnail

JS | Promise

프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 대 사용한다. 일반적으로 웹 애플리케이션을 구동할 때 API를 사용하여 서버에 데이터를 요청하고 받아온 데이터를 사용하여 화면을 출력하는데, 데이터를 다 받아오기 전에 화면에 데이터를 표시하려고 하면 빈 화면이나

2021년 9월 19일
·
0개의 댓글
post-thumbnail

React | 동적 라우팅

1가지 경로에 대해서만 페이지 이동이 가능한 정적 라우팅과 달리 동적 라우팅은 id 값에 따라 수많은 url 파생시켜주는 기능이다. 동적인 경로에 대한 라우팅을 통해 한가지 레이아웃에 수 십, 수백 가지의 다른 데이터들이 들어가 다른 정보를 보여주는 페이지들을 쉽게 만

2021년 9월 12일
·
0개의 댓글
post-thumbnail

AWS | 인스턴스 삭제

AWS 배포를 실습하기 위해 EC2 인스턴스를 사용하여 프로젝트 배포 실습을 진행하였다. AWS에서 가입 후 12개월 간은 과금하지 않은 프리티어(Free Tier) 서비스를 제공한다고는 하지만 단순 실습용도였고, 잊어버린 AWS 계정에서 과금폭탄을 맞았다는 글들을 본

2021년 9월 12일
·
0개의 댓글
post-thumbnail

AWS | EC2 인스턴스 접속 실습

EC2에서 사용할 OS 머신을 선택하는 과정 프리티어에서 사용가능한 64비트 우분투 버전 18.04 CPU 메모리 등의 서버의 규모를 선택하는 과정 프리티어를 사용하기 때문에 t2.micro 선택 EC2는 컴퓨터와 데이터 전송에 따라 과금이 되기 때문에 다른 사이즈를

2021년 9월 12일
·
0개의 댓글
post-thumbnail

React | 마켓컬리 클론 프로젝트

마켓컬리 클론 프로젝트 위코드 1차 프로젝트로 신선식품 새벽배송 플랫폼인 '마켓컬리' 클론 프로젝트를 진행하게 되었다. 이 프로젝트를 통해 나는 처음으로 다른 사람들과 함께 소통하고 협업하며 결과물을 만들어 내는 경험을 할 수 있었다. 비로소 개발자들의 업무방식을 이

2021년 9월 12일
·
1개의 댓글
post-thumbnail

JS | What the heck is a Callback?

출처 : codeburst.io, Brandon Morelli본 포스팅은 위 링크의 Brandon Morelli의 Article을 개인적으로 해석한 내용이며 잘못된 부분이 있을 수 있습니다. Callback은 다른 function이 실행된 뒤에 실행되는 function

2021년 9월 5일
·
0개의 댓글
post-thumbnail

Algorithm | String형 인자에서 중복되지 않는 가장 긴 단어의 길이 반환하기-CodeKata3

문제 > String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요. str: 텍스트 return: 중복되지 않은 알파벳 길이 (숫자 반환) 예를 들어, str = "abcabcabc" return 은 3 => 'abc'

2021년 9월 4일
·
0개의 댓글
post-thumbnail

Algorithm | Brackets 유효성 로직 구현

true 값이 나오기 위해서 각 open bracket과 close bracket은 연이어 나오던지 혹은 이런 괄호들 바깥에 위치해야 하기 때문에 중간에 브라켓 세트들이 존재해야한다.i.e). {\[()]} / \[]({}) ...따라서 세트가 되는 브라켓의 인덱

2021년 8월 26일
·
0개의 댓글
post-thumbnail

React | props와 state

Component 속성을 설정할 때 사용하는 요소해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 사용가능부모 컴포넌트인 App 컴포넌트에서 MyComponent의 props 값을 지정, MyComponenet에서 props 사용IMG객체에서 값을 추출하는 문법 ===

2021년 8월 25일
·
0개의 댓글
post-thumbnail

React | 로그인 버튼 활성화(React를 이용하여)

🏫 오늘 미션 > React의 state와 event 기능을 사용하여 전에 js로 구현했던 로그인 버튼 활성화 기능을 React로 변환할 것이다. > Login.js의 input 에서 onChange 이벤트가 발생하면 id 와 pw 가 Routes.js의 this.

2021년 8월 24일
·
0개의 댓글
post-thumbnail

React | Router 요약

Create React App (CRA) 과 가장 인기있는 routing solution인 react-router 를 조합하여 routing 로직을 구현할 것이다. 설치 직후에는 App 컴포넌트가 화면에 출력된다.routing 기능을 적용하기 위해서는 <App /

2021년 8월 18일
·
0개의 댓글
post-thumbnail

React | Routes Component & Sass

SPA (Single Page Application) Westagram-fontend: longin.html, main.html 등 - 페이지 수 만큼 html 파일이 존재한다. 리액트 프로젝트에서 .html 파일의 개수는? 1개 ==> SPA 한 개의 웹페이지(htm

2021년 8월 18일
·
0개의 댓글
post-thumbnail

Algorithm | 더 해서 특정 수 나오는 배열 요소 찾기 (codeKata day1)

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums은 4, 9, 11, 14target은 13 nums0 + nums1 = 4 + 9 = 13 이죠?그러면 0, 1이 return

2021년 8월 17일
·
0개의 댓글
post-thumbnail

React | 개발환경 세팅

What is React 리액트는 페이스북에서 만든 javascript ui 라이브러리 사용자 정의 태그를 생성하여 코드의 가독성을 높여주고 재사용성을 보장해주는 컴포넌트를 생성한다. 개발환경 세팅 npm을 사용하여 create-react-app 설치 npm 설치

2021년 8월 15일
·
0개의 댓글
post-thumbnail

JS | 댓글 좋아요/삭제 기능

인스타 클론 코딩 중 각 게시글의 댓글에 좋아요 추가/삭제 기능을 구현하였다.화면 구조는 아래와 같고

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