코드스테이츠 이머시브 코스 😇

Hiring Assesement 문제들을 다 풀었다.Immersive Course를 위해 ES6문법을 미리 공부해도 좋다고 하셔서, 그러기로 했다.(▲ 🍊みかんと一緒にした Hiring Assesement🍊)코드스테이츠가 코딩의 첫걸음인 나는 당연하게도 ES6가 뭔지

Hiring Assesement 준비하면서 긴장을 엄~청 했음. 매번 페어하면서, 단골 질문으로 페어분께 여쭤봤던 게, '혹시 Hiring Assesement, 어떻게 나오는지 아세요?' 😅 😅 세상 쓰잘데기 없는 질문 '시험 문제 뭐 나와요?'를 나는 이 나이

스코프Scope는 '범위', '영역' 등을 뜻하는 영단어이다. 자바스크립트에서의 스코프Scope 역시 '범위'로 이해할 수 있다. 더 정확하는 바로 변수의 유효범위이다. 특정 변수에 접근하려고 할 때, 고민해야 할 것이 바로 스코프이다. 아래 예제를 살펴보자. 똑같이

지난 포스팅에 쓴 것과 같이! Association을 이용한 Join Table 구현을 완료하였다! Join Table을 구현하고 써먹지 않는 건 좀 아쉽기도 하고... 다양한 Sequelize 메소드(?)들을 더 사용해보고 싶어서!!! 본격적 실습에 나섰다! Po

클라이언트가 없이 진행되는 스프린트다 보니, 눈으로 확인하기가 어려워서 사실 Sequelize에 등장하는 개념들을 명확히 이해하는 게 조금 어렵다...어드밴스드 과제인 "Associations을 이용한 Join Table 구현"을 시도하고 성공(?)하였지만, 이걸 어디

: ORM은 프로그램 상의 객체와 DB의 테이블(Relation)이 일대일 대응하는 관계를 맺는 것을 의마한다! ORM을 이용하면 query가 아닌 메서드로 데이터를 조작할 수 있다는 것이 장점이다! (SQL문을 작성하지 않고 데이터베이스와 소통할 수 있다.)예)If

그것은 썽크!Redux-thunk!코드를 잘 살펴보면, dispatch(notify(장바구니에 ${item.name}이(가) 추가되었습니다.)) 이런 식으로 코드가 작성된 것을 볼 수 있습니다.리덕스를 처음 공부하던 제 입장에서는 notify(장바구니에 ${item.n

(물론 리덕스가 리액트만을 위한 것은 아님이다...)

variables _variables.scss 만들어주고 styles.scss에 임포트! _variables에서 $title, $bg 등으로 지정해주고 나서, style.scss에서 자유롭게 사용이 가능하다. Nesting Nesting을 사용하면 위 코드를 아래와

![](https://images.velog.io/images/9rganizedchaos/post/6161397f-813e-4edd-b82d-708a2c4007bc/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E

Hook은 특별한 함수이다.Hook은 함수 컴포넌트 안에서 state를 사용할 수 있도록 돕는다.useState는 인자로 초기 state 값을 하나 받습니다. 카운터는 0부터 시작하기 때문에 위 예시에서는 초기값으로 0을 넣어준 것입니다. this.state와는 달리

어트리뷰트에 JavaScript 표현식을 삽입할 때 중괄호 주변에 따옴표를 입력하지 마세요. 따옴표(문자열 값에 사용) 또는 중괄호(표현식에 사용) 중 하나만 사용하고, 동일한 어트리뷰트에 두 가지를 동시에 사용하면 안 됩니다.React는 소문자로 시작하는 컴포넌트를

브라우저는 언제나 보안 위협을 받는다. 자바스크립트를 구동하기 때문이다. 브라우저가 자바스크립트를 구동하는 게 왜 문제일까? 자바스크립트로 할 수 있는 것들이 많기 때문이다. 브라우저에서 자바스크립트로 할 수 있는 것들 1) ajax call을 해서 api를 호출할

String.prototype.match() indexOf는 인덱스를 반환하고, match는 문자열을 반환한다. ![](https://images.velog.io/images/9rganizedchaos/post/abbb2073-248f-4031-a38e-f20253

자바스크립트는 원래 싱글 쓰레드 (변기 하나임) callback (비동기 처리를 할 수 있는 것은 좋지만, 가독성이 너무 떨어졌음, 디버깅 하기 힘듬) => promise (콜백 헬을 방지할 수 있다는 것은 좋지만, 프로미스도 완벽히 동기적으로 보이지는 않았음) =>

API와 UI 모두 의사소통의 매개체API: 프로그래밍되어있는 애플리케이션과의 의사소통 매개체UI: 유저와 의사소통 가능한 매개체client: 유저와 상호작용 담당server: 리소스 요청과 응답에 대한 처리DB: 리소스 저장2진수만 알아들을 수 있는 컴퓨터가 HTML

프로그래머스 비밀지도 문제처음에 이 문제를 아래와 같이 풀었다...코딩을 시작한 내 입장에서 스스로 함수를 만들어서 쓴 것도, toString(n)을 통해 n진법을 구현한 것만으로도 뿌듯해했으나... 이번에도 역시 다른 사람의 풀이를 보고 있으니, 현타가 씨게 온다..

(🍎원본 배열 유지🍎)slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.(🍉원본 배열 변경🍉)splice() 메서드는 배열의 기존 요소를 삭제 또는 교체

가중치 정렬 > 가중치 정렬은 데이터의 비율 열을 숫자 순서가 아닌 중요도 순으로 정렬합니다. .sort() 배열 중복 요소 제거 Array.filter() 를 통해 배열에 존재하는 중복 요소를 제거할 수 있다. indexOf() 메서드는 배열에서 지정된 요소를

delete와 pop()의 차이 ![](https://images.velog.io/images/9rganizedchaos/post/6644eafa-4fc2-48f4-ae1c-679c5256b984/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E

복잡도 분석 : 알고리즘을 푸는데 있어서 시간과 공간을 얼마나 차지하는지를 나타내는 지표 시간과 공간의 복잡도는 왜 중요한가 : 해당 알고리즘이 얼마나 효율적인지를 나타내므로 constant time approach item이 늘어나도 오퍼레이션 횟수가 늘어나지 않

(a)그래프 (b)인접리스트 (c) 인접행렬인접행렬은 간선 수정에는 용이하지만, 정점 수정에는 넘넘 안 좋음...인접그래프는 정점 수정에 용이하지만, 정점 연결 관계 확인을 위한 시간복잡도가 O(n)임 (인접행렬의 경우 O(1))depth는 말그대로 깊이 위에서부터 얼

단일 연결리스트는 이전노드의 위치정보가 없지만,이중 연결리스트는 이전노드의 위치정보가 있다.때문에 단일 연결리스트의 삭제 시간복잡도는 O(n)이 되지만,이중 연결리스트의 삭제 시간 복잡도는 O(1)이 된다.연결리스트 (추가/삭제에 용이)메모리 상에 원소들이 연속적으로

처음에는 위와 같이 작성했었습니다. 그러나 else 부분이 꼭 필요한 것인지 의문이 들어, else부분을 삭제하였습니다.처음에는 Queue()라는 클라쓰를 마치 Array()처럼 생각해서 개발자 도구에서 아래와 같이 작성해본 후 Queue나 Stack 등은 원래 자바스

만들기 스프린트에 울렁증이 있는 편...💺 💊 🤦🏻‍♂️Subclass Dance Party에서 응용할 객체지향의 특징 중 하나인 Polymorphism을 짧게나마 좀 더 자세히 살펴보며 댄스파티 전야제를 치르기로 하였다.What is polymorphism?W

메소드를 검색할 때 마다 보이던 prototype의 정체는 대체 무엇이었을까👻 프리코스를 수강하며 숱한 메소드를 MDN에 검색해보았다. 메소드를 검색하면 위 사진과 같이 늘 'Array.prototype.~'이런 식으로 작성된 제목을 볼 수 있었다. 맨 앞의 Ar

02_AboutDestructuring 🚛 🚚 구조분해할당 함수에 객체나 배열을 '부분적으로' 전달해야할 상황이 생긴다. 이 때 용이한 것이 바로 '구조분해할당'이다. 구조분해할당은 배열이나 객체를 해체하여 그 값을 개별 변수에 담는 것을 말한다. rest/sp

유사배열은 배열이 아니라 그 자체로는 배열메소드를 쓸 수 없지만, prototype을 이용해서 메소드를 써줄 수 있다. 근데 이게 왜 구조분해할당이지....? 😅그동안 막연하게 배열과 문자열은 of객체는 in 이렇게 엉뚱하게 생각했었는데...아니었습니다.of문 쓰면

처음 프로그래밍을 배웠을 때(그래봤자 불과 한 달 전), 객체라 하면 떠오르는 것은 Object였다.위와 같이 프로퍼티와 값으로 묶인 정보들의 집합이라 생각했다.그리고 나는 객체를 '자바스크립트'라는 교과서의 한 챕터 정도로 받아들였다.프로그래밍(주로 자바스크립트)를

1 node.js 런타임이란 어떤 프로그래밍 언어가 동작할 수 있는 프로그램을 말한다. 옛날에는 런타임이 브라우저밖에 없었지만, 이제는 node.js가 있음. 이제 JavaScript는 웹페이지말고 서버 등 다른 프로그램도 만들 수 있음. JavaScript 코드를

🤖 참고 사이트 HTML 요소 레퍼런스: https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 태그가 유효한지 아닌지 확인할 때: http://validator.w3.org/ CSS reference: https

슈-마츠다카라... 와타시...유튜브 따라만들 것입니다...타노시이-!😚 😙 😚 😙지츠와 히토츠모 안 타노시이...😗 😗 😗사실 아직 코드에 대해 뭣도 모르는 초보이기 때문에 제대로 구현하기는 힘들겠지만, 좌충우돌하며 만들어보려고 합니다. 드림코딩 채널 보

🚨 things to memorize head 밑에 (링크태그 만들고 탭) body 끝나기 전에 div 가로 정렬: float: left; 요소들 사이에 동일 간격: justify-content: space-between; .toggle(): 보이면 보이지 않게,