TIL

"콜백함수는 함수의 파라미터 안에 들어가는 함수,," 지금까지 콜백함수의 정의만 알고 콜백을 써왔다.. 하지만 자바스크립트 공부를 더 해 갈 수록 콜백을 과연 왜 사용하는지 그 기본 부터 바로 알아야 앞으로 자바스크립트 문법 공부를 제대로 해 나갈 수 있을 것 같았다.

세미콜론(;)!! 별거아닌 듯 별거인 별거,,, // 저번시간에 같은 팀원분이 위에 코드가 계속 에러가 뜬다고 하셨다. // 예전 강의에서 문 마다 세미콜론(;)을 찍어줘야 한다는 내용을 들었던게 기억이나서 세미콜론을 찍어보라고 말씀 드렸다. 팀원분의 에러는 해

return??? // 내가 공부를 시작하면서 사실 가장 기본적이지만 또 가장 많이 헤매었던 부분 중 하나가 return이다... 그래서 오늘은 return의 기초를 다져보기로 했다..!! 함수의 return - 예약어 함수의 반환값으로써의 return > 함수는

js - 재사용성을 높이는 방법 static - 정적 프로퍼티(정적 메서드) 프로토타입이 아닌 클래스 함수 자체에도 메서드를 설정할 수 있다. 이런 메서드를 정적(static) 메서드라고 한다. > 즉 정적 메서드는 인스턴스 없이 클래스에서 바로 호출이 가능하고 이

자바스크립트 강의를 다 듣고 프로젝트를 하면서 문법이 다가 아님을 너무 뼈저리게 느끼고 있다. 데이터에 잘 접근하고 객체에 잘 접근하는것!! 그래서 내가 생각한 로직대로 잘 돌아가게 만드는것! 그것이 중요했다.평소에 나중으로 미뤄 두었던 DOM에 대해서 알아보기로 했다

// whole-script strict mode syntax// JavaScript is very flexible// felxible === dangerous// added ECMAScript 5파일 제일 위에 'use strict'을 선언하게 되면 보다 엄격한 pa

리액트를 들어가면서,, 데이터 바인딩 > 서버에서 데이터를 가져와서 html 사이사이에 넣어주는 것을 말한다 > jsx 안에서 변수 꽂을땐 {변수명} 이런식으로 괄호 안에 변수를 넣어서 작성한다. > 클래스를 넣을때는 className으로 적어준다. JSX 코

브라우저에서 웹페이지를 열게 되면 Window라는 전체적인 오브젝트가 존재한다.(브라우저에서 Window는 최고의 오브젝트이다.) Window는 우리들의 페이지 뿐만 아니라, 브라우저에서 현재 열려있는 전체적인 창을 의미한다. 그리고 이 Window안에 즉 페이지가 표

SPA(Single Page Application)와 CSR(Client Side Rendering)는 리액트만의 장점은 아니지만 리액트 라이브러리의 주요한 장점이다. 이전의 SSR(Server Side Rendering)을 사용할 때에는 변화가 있을 때마다 새롭게 전

state는 간단하게 말해서 변수이다. 하지만 const, let 등으로 선언한 변수와 다르게 값이 변하면 관련 있는 컴포넌트들이 재렌더링되어 화면이 바뀐다.state는 컴포넌트의 내부에서 변경 가능한 데이터를 다루기 위해 사용하는 객체이다.일반적으로 리액트에서는 유동

React state props etc... src안의 파일들을 상대경로에서 절대경로로 바꾸기 리액트 라이브러리를 쓰면서 임포트할때 보통 상대경로로 임포트 해오는데 아래와 같이 작업폴더 바로 하위에(root 경로에) jsconfig.json 파일을 만들고 아래와 같

// 웹에서는 굳이 필요가 없었으나, 웹뷰로 전환하니, 모바일에서 input에 입력 후, submit을 해도 keyboard가 사라지지 않는 현상을 보니 input을 blur시키니 사라졌습니다.그래서 form과 input을 이용해 데이터를 입력하고, 제출시, input

CSS-in-JS는 단어 그대로 자바스크립트 코드에서 CSS를 작성하는 방식을 말한다.props를 통해서 부모 컴포넌트 -> 자식컴포넌트로 데이터를 전달해서 조건부 스타일링이 가능하다!!(1) VScode 플러그인 설치(2) styled-components 설치하기위에

useEffect 함수는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다.useEffect는 componenet가 moun 되었을 때, component가 unmount 되었을 때, component가 update 되었을 때, 특정

모든 상태를 하나의 저장소(store)에서 관리하는 상태관리 라이브러리다.리액트로만 프로젝트를 진행하게 될 시 규모가 클 수록 local state와 global state를 관리하기 어렵다는 단점이 있다.하지만 리덕스를 사용하게 되면 하나의 store를 통해 모든 s

useRef를 import해야한다.useRef는 react내장함수이므로 useState와 같은 방법으로 import한다.useRef에 해당하는 변수를 만들어야한다.작성자칸은 authorInput으로 내용입력칸은 contentInput으로 만든다.작성자칸에 해당하는 in

리액트 프로젝트폴더 만들기리덕스, 리액트-리덕스 설치라우터 설치styled-components 설치uuid 설치firebase 설치

https://lakelouise.tistory.com/319

React의 미들웨어 중 하나로, redux에서 action creator를 대체하기 위해 사용한다. 그렇다면, thunk는 action creator와 무엇이 다른걸까?action creator, 즉 액션 생성 함수는 객체를 반환한다. 이렇게!반면, thunk는

오늘 과제 진행 중, 설문지 문항에 대한 최빈값을 도출해서 결과데이터를 뿌려줘야했다. 먼저 문항에 대한 값은 배열로 들어 가 있었기 때문에, map을 이용해서 최빈값을 구해보았다. Map은 key와 value로 이루어진 자료구조이다Map에서도 Set과 동일하게 순서가

기본적인 CSS를 이용한다고 가정했을때, 위와 같이 사용하려는 스타일을 classname을 사용해서 일일이 지정해줘야 한다.그닥 나쁜 경우는 아니지만, CSS 내의 Classname 중복 문제도 걱정해야 하고. Props를 받아서 처리 하기도 번거롭다.위와 같이 처리하

\-웹,앱 개발을 하다보면 포트, DB관련 정보, API_KEY등.. 개발자 혼자서 또는 팀만 알아야 하는 값 즉, git, 오픈소스에 올리면 안되는 값들이 있다.\-이때 필요한 것이 dotenv 패키지 이며 환경변수 파일을 외부에 만들어 URL,포트, API_KEY등

브라우저에서 웹페이지를 열게 되면 Window라는 전체적인 오브젝트가 존재한다.(브라우저에서 Window는 최고의 오브젝트이다.) Window는 우리들의 페이지 뿐만 아니라, 브라우저에서 현재 열려있는 전체적인 창을 의미한다. 그리고 이 Window안에 즉 페이지가 표

자바스크립트 기본서를 읽는 스터디를 짜고 바로 장염에 걸렸어서 3일치를 밀렸다 ㅎㅎ ㅜㅜ 앞부분이라 금방 넘어갈 줄 알았지만 생각보다 오래걸렸다는것!!!자바스크립트란?웹 브라우저에서 작동하는 프로그래밍 언어기본 용어들프로그램(문장이 모인 것) > 문장(표현식이 하나 이

defer, async\-자바스크립트 파싱은 html, css와 같은 브라우저의 렌더링 엔진이 아닌, 자바스크립트 엔진이 처리한다. https://velog.io/@whow1101/38.-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%

자바스크립트는 월욜 0부터 세기 때문에 getMonth() 메소드에 1을 더했다.

자바스크립트 엔진(인터프리터)이 코드를 실행하기 전에 변수와 함수, 클래스의 선언문을 끌어올리는 것을 말한다.변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮긴다.값을 저장할 수 있는 공간자료를 저장할 수 있는 이름이 주어진 기억 장소보통 let과 con

ESLint는 자바스크립트 코드에서 에러와 버그를 검사하고, 일관성 있는 스타일을 유지하는 데 도움을 주는 도구입니다. 이러한 기능들은 코드 품질을 높이고, 개발자들이 일관성 있는 코드를 작성함으로써 협업을 원활하게 만들어 줍니다. ESLint는 여러 가지 기능을 제공

조부모 컴포넌트에서 손자 컴포넌트로 값을 보내고자 할때도 반드시 부모 컴포넌트를 거쳐야만 한다. 즉, 정작 부모컴포넌트에서는 그 값이 필요가 없어도 단순히 손자 컴포넌트에게 전달하기 위해 불필요하게 거쳐야만 하는 것을 의미한다. (조부모 → 부모 → 손자)리덕스를 사용

useRef는 React Hooks 중 하나로, 컴포넌트에서 DOM 요소나 변수를 관리하는 데 사용됩니다. 주로 다음과 같은 목적으로 활용됩니다:DOM 요소 접근: useRef를 사용하여 컴포넌트 내에서 생성된 DOM 요소에 접근하고 조작할 수 있습니다.변수 유지: 컴

배열을 자르는 방법(slice, splice) slice > slice(begin[,end]) begin부터 end까지 자른다. end는 포함되지 않는다. end가 없을 경우 begin부터 끝까지 자른다. let array = [0, 1, 2, 3, 4, 5

Math.pow()는 JavaScript에서 제공하는 내장 함수 중 하나로, 주어진 숫자의 지수 승을 계산하는 데 사용됨.이 함수는 두 개의 인수를 받으며, 첫 번째 인수는 밑(base)이 되는 숫자이고, 두 번째 인수는 지수(exponent)이다.함수는 밑을 지수만큼

Number()문자열의 수를 숫자로 바꿔준다.만약 인수를 형변환 할 수 없다면 NaN을 리턴한다.parseInt()문자열 인자(숫자 + 문자)를 받는다.그 인자를 parse(해부하다, 품사문법적 관계를 설명하다)한다.integer(정수) 또는 NaN을 리턴한다.pars

Number 인스턴스의 소수 자리수를 문자열로 반환한다.Number 인스턴스의 가수와 소수를 합친 자리수(즉, 앞자리부터)를 문자열로 반환한다.