post-thumbnail

13주차 공부 내용 - JS 비동기 프로그래밍, API 활용 날씨 앱 구현 실습

콜백프라미스란?XMLHttpRequestfetch API 사용법JSON 데이터 활용아무리 책을 읽어도 강의를 봐도 정확하게 이해되지 않는 비동기..동기..콜백..프라미스 서버 통신의 지옥을 실습으로 조금이라도 익숙해져보겠다.Open API 사용하여 서버 통신의 개념을

2022년 5월 29일
·
0개의 댓글

12주차 주간 공부 내용 - JS 비동기 프로그래밍, 타이머

함수는 호출하는 즉시 실행된다. 만약 함수 호출을 일정 시간이 지난 뒤 호출되도록 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링이라 한다.브라우저 환경과 Node.js 환경에서 모두 전역 객체의 메서드로서 타이머 함수를 제공한다. 즉 타이머 함수는 호스트 객체

2022년 5월 27일
·
0개의 댓글
post-thumbnail

12주차 스터디 주간 공부 내용 - HTTP

이번주에는 Figma plugin 개발 사이드 프로젝트를 시작하기 앞서 여러 추상적인 개념들을 먼저 훑어보는 시간을 가지려고 한다.플러그인 개발 다큐멘테이션을 보다가 Rest API라는 용어를 마주쳤는데 사실 몰라도 플러그인을 개발할 수 있긴 하지만 이번주에 같이 공부

2022년 5월 22일
·
0개의 댓글
post-thumbnail

Webpack 사용 방법 - Webpack 사용해서 Three.js boilerplate 만들기 03

대략 필요한것들 설치하고 config파일 작성해주었으니 Three.js 용 boilerplate으로 쓸 수 있게 몇가지 설정을 더 해주고 gitgub에 배포해보겠습니다. Dev-server 이용 Dev server 이용해서 개발용 빌드 빠르게 할 수 있도록 설정을 바

2022년 5월 14일
·
0개의 댓글
post-thumbnail

Webpack, Bundler 대체 정체가 뭐야? 왜 쓰는거지? - Webpack 사용해서 Three.js boilerplate 만들기 01

이전에 three.js 라이브러리를 이용하기 위해서 처음으로 webpack이라는 도구를 접하게 되었는데 당시에는 모듈, 번들러는 물론이고 자바스크립트도 잘 사용하지 못하는 단계였었다. 그래서 boilerplate를 사용해서 웹팩을 사용했었고 이해하지 못한채로 사용해왔다

2022년 5월 8일
·
0개의 댓글
post-thumbnail

Webpack, 템플릿 사용 안하고 Three.js 개발 환경 세팅

NPM으로 Three 설치, Three.js 환경 세팅하기node.js에서 npm 먼저 설치하기 node -v, npm -v 커맨드로 버전 확인, npm ls로 리스트 확인 (extraneous means a package is installed but is not l

2022년 5월 7일
·
0개의 댓글
post-thumbnail

스터디 10주차 주간 공부 내용 - JS unshift, concat, splice

원본 배열 앞단에 요소를 추가하고 원본 배열의 변화된 길이를 반환하는 함수. 원본 배열을 직접 변화시킨다.자 이제 unshift 동작 원리를 생각해보며 메서드 사용하지 않고 같은 동작을 구현해봅시답.함수의 argument 변수를 활용해서 arguments 값 뒤에 원본

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

이상한 문자 만들기 문제 풀이, split 메서드

프로그래매스 문제

2022년 5월 2일
·
0개의 댓글
post-thumbnail

10회차 스터디 공부 내용 - JS 큐(Queue) 구현하기, 사용 예제, shift메서드

참조:자바스크립트 큐 구현방법, 배열, 객체자바스크립트 큐 구현자바스크립트 링크드리스트 구현데이터 스트럭쳐

2022년 4월 30일
·
0개의 댓글
post-thumbnail

스터디 8주차 주간공부 내용 - JS Stack 자료구조, push, pop 메서드, undo/redo 구현

Stack 이란? >데이터를 마지막에 밀어 넣고, 마지막에 밀어 넣은 데이터를 먼저 꺼내는 후입 선출 방식의 자료구조이다. 스택은 언제나 가장 마지막에 밀어 넣은 최신 데이터를 먼저 취득한다. push와 pop 메서드를 사용하면 쉽게 구현할 수 있다. 스택 구현해보기

2022년 4월 29일
·
0개의 댓글
post-thumbnail

스터디 9회차 공부 내용 - JS Map 자료구조 구현

Array.prototype.push() 메서드는 배열에 자동으로 key 밸류를 넣어주면서 값을 넣는다.key, value 쌍을 이루는 객체를 생성할 수 있는 함수를 구현해보았다.또 get, set 등의 메서드로 키, 값을 넣어줄 수 있고, 인덱스가 아닌 키값으 해당

2022년 4월 23일
·
0개의 댓글
post-thumbnail

스터디 8회차 주간 공부 내용 - JS Array.prototype.push

push 메서드는 인수로 전달받은 모든 값을 원본 배열의 마지막 요소로 추가변경된 length 프로퍼티 값을 반환원본 배열을 직접 변경 (때문에 ES6의 스프레드 문법을 사용하는 편이 좋다.)push 메서드는 성능 면에서 좋지 않다. 마지막 요소로 추가할 요소가 하나뿐

2022년 4월 22일
·
0개의 댓글
post-thumbnail

스터디 8회차 주간 공부 내용 - JS Array.prototype.indexOf, 시간복잡도

배열 챕터를 시작하면서 해시 테이블, 시간 복잡도 등의 CS 용어, 지식들을 마주치게 됐다. 시간 복잡도, 특히 Big-O라는 용어를 종종 접하긴 했었지만 나랑은 상관 없으니까ㅋ 하며 넘겼었다.그러나 어쩌다 reduce 메서드와 ES6의 ...Rest 파라미터에 대한

2022년 4월 21일
·
0개의 댓글
post-thumbnail

스터디 8주차 주간 공부 내용 - JS Array

배열은 여러 개의 값을 순차적으로 나열한 자료구조이다. 값의 순서와 length 프로퍼티를 갖기 때문에 순차적으로 값에 접근하기 적합한 자료구조다.❗️잠깐 배열에 대해서 더 알아보자.각 요소가 동일한 데이터 크기를 가지며, 배열의 요소가 하나의 데이터 타입으로 통일 되

2022년 4월 18일
·
0개의 댓글
post-thumbnail

스터디 7회차 주간 공부 내용 - JS Class, ES6 함수

생성자 함수클라스 차이정적 메서드, 프로토타입 메서드클래스에서 정의한 메서드 특징클래스의 인스턴스 생성 과정자바스크립트는 private 같은 접근 제한자를 지원하지 않기에, 인스턴스 프로퍼티는 언제나 public하다.그러나 현재 사양에서는 private 가능.접근자 프

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

스터디 7회차 주간 공부 내용 - React Component

리액트 앱은 컴포넌트들로 구성되어있다. 컴포넌트란 HTML을 렌더하기 위한 재사용 가능한 작은 단위의 코드 블럭 단위들을 말한다. 리액트 컴포넌트를 정의 하기 위해서 js 함수를 사용할 수 있다. 즉 class 함수로도 리액트 컴포넌트를 정의할 수 있다.

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

스터디 6주차 주간 공부 - React JSX

JSX란 자바스크립트의 신텍스 익스텐션이다. React와 같이 사용되기 위한 문법이다. 브라우저는 JSX를 바로 해석하지 못하기 때문에 JSX 컴파일러가 필요하다.JSX의 최소 구성 단위를 JSX element라고 한다. HTML과 똑같은 형태이지만 javascript

2022년 4월 5일
·
0개의 댓글
post-thumbnail

스터디 6회차 주간 공부 내용 - JS 클로저

클로저는 자바스크립트를 배워오면서 계속 듣던 용어였는데 여태 애써 외면해왔다ㅎ 왜냐면 알고싶지 않았거든요.함수와 그 함수가 선언된 렉시컬 환경과의 조합이러면 엥? 뭔소리야 이러고 10번 다시 읽어야됨. 자 이제 저게 뭔 말인지 알아보자~기억 나니? js 엔진은 함수를

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

스터디 5회차 주간 공부 내용 - JS this, 실행 컨텍스트

왜 literal로 생성된 string은 instanceof String 에서 false를 뱉을까...?instanceof는 객체일때 정확한 평가를 내린다? 따라서 instanceof에 값의 타입 판단을 의존하는것은 문제를 일으킬 수 있다.As you can see b

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