CASSIE'S BLOG

이벤트 핸들러 등록 코드 블럭이 이벤트에 응답해서 실행되기위해 정의되었을 때, 이를 이벤트 핸들러를 등록 (register) 했다고함

리액트에서 컴포넌트와 엘리먼트는 다음과 같이 구분됩니다: 컴포넌트 (Component): 컴포넌트는 리액트 애플리케이션의 구성 요소 중 하나로, UI의 독립적인 부분을 나타냅니다. 컴포넌트는 JavaScript 함수 또는 클래스로 정의될 수 있으며, UI를 생성하고 상태를 관리하는 역할을 합니다. 컴포넌트는 재사용 가능하며, 애플리케이션 내에서 여러 번 사용될 수 있습니다. 엘리먼트 (Element): 엘리먼트는 리액트 애플리케이션에서 실제 UI 요소를 나타냅니다. 이는 브라우저에서 렌더링되는 최소 단위의 객체입니다. 엘리먼트는 리액트 컴포넌트를 렌더링하여 실제 DOM에 나타나게 하는 역할을 합니다. 엘리먼트는 가상 DOM에서 실제 DOM으로 변환되어 사용자에게 표시됩니다. 간단히 말해서, 컴포넌트는 U..

자바스크립트안에 있는 html 코드 공식사이트: https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.orgJSX라 하며 JavaScript를 확장한 문법입니다. 리액트가 어떻게 JSX 문법를 계산하는지 보자 기본적으로 브라우저는 자바스크립트를 이해할 수 있고 JSX는 이해할 수 없다. TRANSFORM해주는 과정이 필요하다. 리액트와 브라우저가 자동으로 해준다. 전환해준다. 이 정도로 보기 개발자도구에서 SOURCE 보기 creact-react-app에서 static>js>bundle.js node modules안..

자바스크립트 함수의 특징 프로그래밍 언어는 해당 언어의 함수들이 다른 변수처럼 다루어질 때 일급 함수를 가진다고 합니다. 일급 함수 (first class function) https://developer.mozilla.org/ko/docs/Glossary/First-class_Function 1. 자바스크립트는 함수를 일급시민 (first class citizen) 으로 다룸 2. 이 말은 곧, 함수를 단순한 값으로 본다는 것임 3. 함수는 객체 타입 중 하나 정리하면 함수를 값으로 취급하고, 인수로 전달하고 다른 함수에서 함수를 반환하는 기능이 있는 경우 프로그래밍 언어에서 일급함수가 있다고 말한다. 화살표함수도 자바스크립트가 함수를 일급시민으로 즉 값으로 인식하기 때문에 가능한거다. a, b를 매개..

Node.js와 npm은 JavaScript를 사용하는 웹 개발에서 중요한 역할을 하는 두 가지 다른 도구입니다. 각각의 역할과 차이는 다음과 같습니다: Node.js (Node): 런타임 환경: Node.js는 JavaScript 코드를 실행하는 런타임 환경입니다. 이 환경을 사용하면 JavaScript 코드가 브라우저 외부에서도 실행될 수 있습니다. 따라서 서버 측 JavaScript 개발, 명령행 도구 개발, 백엔드 서비스, 마이크로서비스, IoT 디바이스 개발 등 다양한 영역에서 활용됩니다. 서버 사이드 JavaScript: Node.js를 사용하면 JavaScript를 사용하여 서버 측 애플리케이션을 작성할 수 있습니다. 이로써 JavaScript 개발자는 프런트엔드와 백엔드 모두에서 동일한 언..

빈 레포지토리에 build파일들만 넣어야하는데 코드 편집용 레포지토리에 연결이 되어있다보니 로컬에서 25mb가 넘는 사진이 있어서 build파일들이 업데이트가 되지 않았다. 그래서 gitinore 파일에서 삭제하고 싶은 파일들 경로까지 다 업로드 후 commit, push해준 후 npm run build 까지 한 후 build 다시 해서 build 폴더 안에 있는 파일들만 드래그하면 된다. readme파일 만든다 설정 후에 새로운 레포지토리를 파준다. 그 후 새로 build한 파일들 업로드 해준다.