# js
[매일 개념] 호이스팅
함수 안에 있는 선언들을 모두 끌어올려 해당 함수 유효범위의 최상단에 선언하는 것함수 내에서 아래쪽에 존재하는 내용 중 필요한 값들을 끌어 올리는 것실제 메모리에서는 벼 ㄴ화가 없음var 변수 선언과 함수선언문에서만 호이스팅이 일어난다var 변수/함수의 선언만 위로 끌
4. 버퍼이슈와 제어문
여태 작성한 프로그램은 Batch, 일괄처리형 프로그램이라 한다. 이는 예정되어 있던 코드를 한 번에 실행하고 끝내는데,막상 우리가 사용하는 프로그램은 일괄처리가 아니다.우리가 사용하는 프로그램의 코드들을 사용자와 상호작용을 통하는데이를 대화형 프로그램이라고 한다.기본
CSS-in-JS
애플리케이션으로 개발 방향이 진화하면서 컴포넌트 단위의 개발은 캡슐화의 중요성을 불러왔다. \-> But, CSS는 컴포넌트 기반의 방식을 위해 만들어진 적이 없다. \-> CSS도 컴포넌트 영역으로 불러들이기 위해서 CSS-in-JS가 탄생해서 이 문제를 정확하게 해
JavaScript 코드 품질 - 주석
오늘은 자바스크립트의 주석에 대해 좀 더 알아보겠습니다.모던 자바스크립트 튜토리얼을 참고하였습니다.그러나 좋은 코드엔 '설명이 담긴(explanatory)' 주석이 많아선 안된다. 주석 없이 코드 자체만으로 코드가 무슨 일을 하는지 쉽게 이해할 수 있어야한다.이와 관련
Typescript
타입스크립트(TypeScript)는 마이크로소프트(MS)에서 개발한 오픈소스 프로그래밍 언어이며, 자바스크립트(JavaScript)의 단점을 보완하기 위해 만들어졌다.
restAPI 주요 메소드 종류
1. GET 리소스의 조회에 사용한다. 서버에 전달하고 싶은 데이터를 query(parameter, query string)을 통해 전달한다. 메시지 바디를 통해 데이터를 전달할 수도 있지만 지원하지 않는 곳도 존재하기 때문에 권장❌ 2. POST 메시지 바디를 통해 서버로 요청 데이터를 전달한다. 서버는 메시지 바디를 통해 들어온 데이터를 처리하...
useEffect
useEffect() 함수 > 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 hookex) componentDidMount, componentDidUpdate, componentDidUnmount 시 특정 작업을 처리할 수 있다. > useEffect() 사용법 useEffect(function, deps): fn-수행함수, dep-...
Virtual DOM
실제 돔에 접근하여 조작하는 대신, 이것을 추상화시킨 자바스크립트 객체를 이용해 사용한다.실제 (무거운)돔의 가벼운 사본 같은 개념특정 페이지에서 데이터가 변했다고 가정했을 때, 리액트를 이용해 돔을 업데이트시키는 절차는 다음과 같다.변화가 일어났다. 변화된 버전을 가
React vs Angular
전반적 성능 먼저 짚고 넘어가야 할 부분이 있습니다. 아직도 많은 분들이 Angular는 느리다는 인식을 갖고 계신 것 같은데요. 그런데 속도 문제는 AnuglarJS(Angular1)에는 해당할 수 있지만, Angular(Angular2+)에는 해당하지 않습니다. 즉
📝 [JS 공부기록] 0627~0701
배열생성 방식배열 리터럴Array 생성자 함수Array.of, Array.from 메서드Array.of() - 전달된 인수를 요소로 갖는 배열 생성Array.from - 유사배열객체, 이터러블 객체를 인수로 받아 배열로 변환원본배열을 직접 변경하는 메서드.push()
[백준] 8958. OX퀴즈(feat. Javascript / node.js) 알고리즘
"OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 머리아프다
React의 장점
페이스북에서 제공해주는 프론트엔드 라이브러리이며, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여진다
JSON
JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다.
CORS
Cross-Origin Resource Sharing(CORS)은 추가적인 HTTP header를 사용해서 애플리케이션이 다른 origin의 리소스에 접근할 수 있도록 하는 메커니즘을 말합니다. 하지만 다른 origin에서 내 리소스에 함부로 접근하지 못하게 하기 위해
Javascript vs Typescript
⭐타입스크립트란 자바스크립트의 타입을 강제시키는 언어입니다.기존의 자바스크립트에서는 아래와 같이 변수에 문자열을 할당했다가 이후에 숫자열을 재할당해도 문제가 되지 않습니다.하지만 타입스크립트에서는 변수의 자료형을 지정해주기 때문에 위와같이 재할당이 불가능합니다.💡 브
.filter, .map, .every, refetchQueries
지금까지 배운 것을 보면 반복문을 사용하기 위해서는 for문을 사용했습니다.그런데 말야!!!실무에서는 for문을 잘 사용하지 않는다는 점!!!!!!그럼 뭘 써야 하냐?오늘 배운 map을 사용합니다!!!map과 filter 모두 배열의 내장함수이기 때문에 사용하실 때는
패턴, props, 리액트 단방향
프로젝트를 만들때 폴더 구조는 굉장히 중요합니다.실무에서 사용하는 폴더 구조는 여러가지 방법이 존재하는데, 이러한 방법들을 패턴이라고 부릅니다.리액트에서 사용하는 유명한 패턴으로는 container / presentational 패턴과 atomic 패턴이 있습니다.co