시행착오와 배움을 기록하는 공간

Udemy 리액트 강의 https://www.udemy.com/course/winterlood-react-basic/ Node.js ? 😮 자바스크립트 언어는 어디서 어떻게 동작할까? 자바스크립트는 자바스크립트 엔진 위에서 동작한다. 그 엔진은 웹 브라우저에 있다. 브라우저들은 각각 자기들만의 엔진을 사용한다. 그 중 크롬 브라우저가 가진 V8 엔진이 가장 대표적인 자바스크립트 엔진으로 알려져있다. 자바스크립트는 브라우저에 내장된 자바스크립트 엔진을 사용해야해서 웹 브라우저에서만 실행될 수 있었다. 그때 마침 크롬이 자바스크립트를 실행할 때 사용하는 js엔진인 V8 은 C++로 개발되어 브라우저 내부가 아니더라도 어디서든 이 엔진을 사용할 수 있었다. 그리고 브라우저에서 독립가능했던 V8엔진을 사용해서 ..

console.log 로 값을 찍어보는데 값이 두번씩 찍히는 증상이 나타났다. 렌더링이 두 번 일어난다는 얘기인데... 어디서 랜더링을 두번 시키는건지 개발자도구에서 브레이크포인트 걸고 돌려도 나도모르는 어디선가 2번 호출을 하고 있는 것을 발견.. 이유는 때문이었다. index.js 파일에 보면 우리가 만든 컴포넌트가 태그로 감싸져있는 모습을 볼 수 있다. root.render( ); 이것때문에 함수가 이중으로 호출된 것이다. StrictMode? StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구이다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화한다 라고 공식문서에 나와있는데 사이트에 사용 예시까지 잘 나와있다. https://..

(백엔드개발자가 도전하는)한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 응용 지난번 수업에 이어 작성하는 두번째 글이다. 다시 한번 소개를 하고자 한다. 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 매우 만족중이다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ - 인프런 강의 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한..

(백엔드개발자가 도전하는) 한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 기본 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 수업 스타일이 굉장히 마음에 들었다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 수업을 착착 진행해가시는 Winterlood 님 이시다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요...

React에 useState로 변수의 상태를 변화시킬 수 있는 간단한 예제이다. import { useState } from 'react'; import './App.css'; export default function App() { let count = 0; const [count2, setCount2] = useState(0) const increase = () => { count = count + 1 //count2 = count2+1 setCount2(count2 + 1) console.log("count work?", count) console.log("count2 work?", count2) } return ( count : {count} count2 : {count2} setCount2 st..