첫 번째 프로젝트에는 아이디어를 중심적으로 프로젝트를 기획했다면, 두번 째 프로젝트에서는 조금 더 정형화 되 있는 프로젝트를 진행하고자 하는 욕구가 더 컸습니다. 첫 번째 프로젝트를 할 때 에는 단순히 아이디어를 구현하고 싶은 생각이 바탕에 있었기 때문에 지름길인 Fi

그 것은 바로 세션(Session) 과 토큰(Token) 입니다. 여태까지 가장 일반적으로 쓰여 왔던 방식은 서버 사이드 세션(Server Side Session) 입니다.이 방식을 간단하게 요약하자면, 유저는 아이디(이메일)과 비밀번호 등 필요한 로그인 정보를 HTT

이제 막 코딩을 배우는 입장에서 몇 가지 추천 할만한 익스텐션 몇 가지를 소개합니다.말 그대로 내가 선택한 문맥을 바로 VSC 상에서 Stackoverflow 검색할 수 있게 해주는 고마운 익스텐션 입니다. Alt text사용법: 검색하고자 하는 문맥 선택 후 cmd+

Inheritance 란 상속을 의미한다.현실 세계의 예를 들어보자면, Paul 이라는 성인남성을 하나의 객체로 표현한다고 생각해보자. Paul 이란 사람은 생물학적으로 남자 라는 범주에 속할 것이며, 남자는 다시 인간이라는 큰 대분류 안에 들어간다. 모든 인간은 갖지

Object-oriented programming, 는 말 그대로 객체를 사용하는 프로그래밍 패러다임을 의미한다. inheritence, hide, polymorphism 등의 일상생활 속에서 사용되는 개념이 그대로 사용된다. OOP 의 가장 큰 목적은 같은 목적을 지

StackLIFO 자료 구조로, Execution Stack 과 같이 일단 함수들이 쌓였다가 실행 단계가 되면서 가장 마지막 것 부터 처리해주는 방식이다.Array.pop/Array.push 메소드로 쉽게 구현 가능하지만 학습 목적이기 때문에 객체 형태로 push, p

Destructuring (ES6)ThisCall, Apply, BindESLint...new Set(Array)예시: Array 의 경우let \[first, second, ...rest] = \[1,2,3,4,5,6]let \[,,third] = \["foo", "

막혀도 화면보고 생각하는 척 하면서 멍때리지 말기.큰 문제부터 접근 하려고 하면 어차피 튜토리얼, 레퍼런스 아무리 봐도 해결 안됨. 모르는 부분이 있다면 문제를 쪼개서 작은 단위부터 해결하면서, 작은 단위별로 레퍼런스 참고하기. 화면보고 멍 때릴 시간에 draw.io,

GitHub API 를 통해서 커밋 기록이나 스테터스등을 불러올 수 있다. GitHub Branch 를 이용해서 Origin Master 외 각자가 Commit 할 수 있도록 사용하기. Class/Constructor 를 통해 유저가 기입한 정보들을 처리할 수 있게끔

Bubble SortQuick SortOOP Programming Pattern in JavaScriptLogic ProblemsBubble Sort 실제 구현 해보기Bubble Sort 는 처음부터 원소를 iterate 하여 다음의 원소와 비교한 뒤 정렬. 각이미 직

본 글은 다음의 블로그 글로 저랑 해당 내용에 대해서 이야기를 하셨던 분이 조금 더 잘 이해할 수 있도록 몇 가지 내용을 생략하거나 의미를 간소화해서 번역한 내용입니다. 보다 정확한 출처표기는 글의 맨 아래에 해놓았습니다. JavaScript 해석기는 우리가 함수 혹은

Cues유사도 라는 것에 의해 사물의 분류가 정해 진다면 이것은 search 의 일종이 아닌가? 단순히 미니멈을 찾는 것으로는 변수를 수정할 수가 없고 만약 직접 변수를 할당하면 i 가 날아감 크기와 붉은 정도와 같은 특징 추출에 있어 서의 "특징"은 어떠한 데이터에

JSON과 관련해서 쓰이는 유용한 JavaScript method로, JavaScript 객체나 값을 JSON 에서 해석 가능 하도록 변환해 주는 유용한 툴이다. 이번 과제에서는 JSON 의 구조를 이해하고 이와 같은 method 를 나만의 코드로 구현해 보는 시간을

개요: 오늘은 DOM 의 메소드를 바닐라 JS 로 구현해 보는 과제를 진행했다. 여기서 내가 거쳐 갔던 과정을 요약하자면 다음과 같다: 1) getElementsByClassName 을 여러 상황에 맞추어 이용하기2) querySelector/All 과의 차이를 비

알고리즘 문제를 풀 때 가장 간단하게 해결 할 수 있는 case 부터 먼저 해결하는 것이다. 예를 들어, 1,2,3,4 라는 원소를 갖고 있는 배열을 메소드 없이 반대로 표기해야 한다고 가정 해보자. 해당 배열의 길이 (array.length) 가 2보다 작다면 배열

Lodash는 개발자 John-David Dalton에 의해 개발 된 바닐라 JavaScript 라이브러리로 성능에 중점을 두고있는 utility 형 라이브러리다.복잡한 데이터를 조작하거나, 코드를 모듈화 및 재사용 (React 등에서 작업한 후 해당 코드를 다른 곳에

노트 필기의 중요성은 굳이 개발을 공부하지 않는 사람이더라도 익히 알고 있는 사항이다. 올바른 노트 필기 습관은 우리가 수업에 더 집중할 수 있게끔 만들어 주며, 휘발성인 인간의 Short-Term Memory 에 의해 학습 능률이 떨어지지 않게, 혹은 중요한 내용을

대부분의 사람들은 직감적으로 본인이 경험하지 못하거나 전문지식이 없는 분야에 대해서 이야기하는 것을 두려워하고, 또한 그것이 잘못되었다고 믿습니다. 이러한 선입견은 물론 이 글을 쓰고있는 작성자인 제 자신조차 갖고 있습니다. 이제 막 본격적으로 프로그래밍 학습을 시작하