# javscript

57개의 포스트

[JS algorithm] 바둑이 승차 (DFS)

철수는 그의 바둑이들을 데리고 시장에 가려고 한다. 그런데 그의 트럭은 C킬로그램 넘게 태울 수 없다. 철수는 C를 넘지 않으면서 그의 바둑이들을 가장 무겁게 태우고 싶다. N마리의 바둑이와 각 바둑이의 무게 W가 주어지면, 철수가 트럭에 태울 수 있는 가장 무거운 무

약 17시간 전
·
0개의 댓글

쓰로틀링, 디바운싱

호출을 제어하는 프로그래밍 기법

2일 전
·
0개의 댓글

[JS algorithm] 이진트리 순회 (DFS:깊이우선탐색)

아래 그림과 같은 이진 트리를 전위 순화와 후위 순회를 연습해보세요.

4일 전
·
0개의 댓글

날짜표시(2020-10-02)

익숙한 형태로 바꿈 2020-10-02

2021년 7월 27일
·
0개의 댓글
post-thumbnail

[JS] Scrolling

스크롤 이벤트를 통해, 페이지나 엘리먼트의 스크롤에 반응할 수 있습니다

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

(Javascript) 4. Refactoring

이 글은 wecode에서 실제 공부하고(이제 사전 스터디는 아닙니다.), 이해한 내용들을 적는 글입니다. 글의 표현과는 달리 어쩌면 실무와는 전혀 상관이 없는 글일 수 있습니다.또한 해당 글은 다양한 자료들과 작성자 지식이 합성된 글입니다. 따라서 원문의 포스팅들이 틀

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

programmers 비밀지도 javascript

비밀지도네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다.지도는 한 변의 길이가 n

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

자바스크립트 개념 3

콜백함수는 다른 함수의 매개변수를 통해 함수의 내부로 전달되는 것을 콜백 함수 라고한다.함수 외부에서 콜백 함수를 전달 받는함수를 고차함수 라고한다. 고차함수가 호출될때마다 콜백함수 생성.콜백함수는 비동기 처리를 위해 주로 사용되지만, 배열에도 사용된다.배열.map()

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

자바스크립트 개념 2

ES6 이전에는 전역범위와 함수 범위만 존재했다. var 키워드를 위주로 사용했다. 하지만 ES6 이후에는 let 과 const라는 키워드가 등장했고 함수 범위말고도 블록 범위 라는것이 생겼다. 기본적으로 var는 함수위주의 스코프를 가져 전역 범위가 많았는데 let

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

자바스크립트 개념 1

스코프는 폴더 구조에 비유할 수 있다. 다른 directory 에서는 폴더이름이 같아도 상관없지만같은 directory 에서는 폴더이름을 같게 생성할수 없다. 스코프에는 전역스코프 지역 스코프 있는데 전역 스코프는 코드 어디에서도 사용할 수 있어 전역 변수이고,지역 스

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

자판기 프로그램 - 관리자Ver.(상품 수정/삭제)(javascript)

인턴 생활 때, 스터디 할 때 진행했던 프로젝트이다.같은 프로젝트를 만들어보고 코드 리뷰하는 시간을 가져 서로의 코드를 공유하고 부족한 점은 배우려고 시작했었다.👆. 자판기 상품 등록 \- 모든 정보 입력해야 상품 등록 가능 \- 가격 / 재고수 음수로 넣을 수 없게

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

웹 워커(Web Worker)

싱글 스레드를 사용하는 자바스크립트는 주어진 시간에 한 줄의 코드 만 실행할 수 있다. 수행해야 할 작업들이 대기열에 추가되고 브라우저의 자바스크립트 엔진에 의해 한 번에 하나씩 실행된다.자바스크립트의 싱글 스레드 패턴은 블로킹이라는 성능 문제를 발생시킨다. 메인 스

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

[JavaScript] - Array.find()

find() 메서드는 배열을 다루는 API로, 주어진 콜백 함수를 만족하는 첫번째 요소의 값을 반환한다. 아래와 같은 Student class와 students 라는 배열이 있다.students 배열에서 score가 90인 요소를 찾으려면 어떻게 해야할까? 이럴 때 f

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

Webpack5 번들링 사이즈 최소화

이 포스팅은 Webpack 5 버전으로 ESM 자바스크립트 모듈 디펜던시를 번들링하였을 때 사이즈를 최소화 하는 과정에 대한 내용입니다. 최근에 사내에 Vue.js 로 진행한 프로젝트 작업물에 대해서 웹팩 빌드를 진행하여 배포할 일이 있었다. 별 생각없이 Vue-Cl

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

Async / Await

프로미스 함수를 이용하여 숙소를 예약하는 함수를 만들고, 예약이 성공했는지 실패했는지 내 예약 상태를 확인할수 있는 함수를 아래와 같이 만들어보자위의 함수를 이용하여 실제로 내 예약정보를 확인하는 프로미스 체인은 아래와 같다.겨우 두가지 비동기 함수를 사용하는 것인데

2021년 3월 17일
·
0개의 댓글

프로미스(Promise)

: 프로미스는 자바스크립트에서 제공하는 비동기를 다루는 방식으로 두가지 상태 결과가 존재한다. fulfilled, rejectedpromise는 생성할때 콜백함수를 전달 받고, 콜백함수의 첫번째 인자는 resolve(성공시 콜백), 두번째 인자는 reject(실패시 콜

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

비동기로 동작하는 react의 setState에 대하여

Constructor 메서드 내에서 state를 초기화 하는 작업이 없다면, 해당 React 컴포넌트에서 생성자를 구현하지 않아도 된다. 초기화를 위해서는 아래와 같이 작성한다또는 멤버변수(클래스 필드)를 사용하여 아래와 같이 작성할 수도 있다.constructor 메

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

[javascript] 객체

객체는 왜 쓸까? 회원 주소록을 만들어본다고 가정해볼때 한사람에 정보에 이름, 이메일, 사는 지역 등을 필요하다. 만약 다른 한사람이 추가 되었다고 한다면 user2FirstName, user2LastName ...으로 변수를 따로 선언해서 정보를 넣어줘야 할까??

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

[js] arrow function, 화살표 함수

ECMA6 부터 추가된 함수의 기능 중 하나다. 화살표 함수는 함수 리터럴의 익명 함수를 단축한 표현 방법. 그렇지만 익명 함수와는 차이가 있다. 인수가 여러 개라면 쉼표로 구분. (x, y, z) 인수가 하나라면 생략 가능 x => { return x\*x; };단

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

자바스크립트 함수와 일급 객체

무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.이처럼 arguments, caller, length, name, prototype

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