'컴퓨터공부' 카테고리의 글 목록 (41 Page)
본문 바로가기
반응형

컴퓨터공부370

[모던 자바스크립트] 호이스팅이 뭔가? [모던 자바스크립트] 호이스팅이 뭔가? 호이스팅(Hoisting)은 자바스크립트에서 변수나 함수의 호출 코드가 선언 코드보다 아래쪽에 있음에도 불구하고 에러가 발생하지 않고, 마치 선언 코드가 호출 코드보다 더 위에 선언된 것과 같이 동작하는 특성을 말합니다12. 이는 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말합니다 호이스팅은 JavaScript에서 변수 혹은 함수 선언이 스코프 내의 최상위로 옮겨지는 것을 의미합니다. 이는 코드 내에서 선언 전에 변수나 함수를 사용할 수 있다는 것을 의미합니다. 예를 들어, 아래의 코드에서 `a` 변수와 `test()` 함수는 선언 전에 사용되고 있습니다. ``` console.log(a); // undefined tes.. 2023. 5. 18.
티스토리 more 버튼색상 변경 변경전 변경후 변경전 코드 .cover-thumbnail-2 .more { display: block; width: 100%; margin-top: 28px; padding: 12px 0 11px; border: 1px solid #eee; text-align: center; font-size: 0.875em; color: #999; } 변경후 코드 .cover-thumbnail-2 .more { display: block; width: 100%; margin-top: 28px; padding: 12px 0 11px; border: 1px solid #FF8C00; text-align: center; font-size: 0.875em; color: #FF8C00; 주황색 css: #FF8C00 .cove.. 2023. 5. 18.
[생활코딩] props 강의 key, component, props import React from "react"; import "./App.css"; import "./index.css"; function Header(props) { console.log("props", props, props.title); return ( {props.title} ); } function Aticle(props) { return ( {props.title} {props.body} ); } function App() { return ( ); } export default App; 코드설명 "Header"라는 함수가 있고 “props” 매개변수를 받습니다. 이 함수는 “props” 객체와 그 객체의 “title” 속성을 콘솔에 기록합니다. 첫 번째 “props” 인스턴스는 함수에 전달되는.. 2023. 5. 18.
npm eslint 오류, package-lock.json npm eslint 오류, package-lock.json 기록 제공한 코드는 ESLint 구성 파일로 보이며, 명확한 문제는 없는 것으로 보입니다. 제공된 오류 메시지는 프로젝트의 종속성 트리와 사용 중인 ESLint 버전 간에 문제가 있음을 나타냅니다. 이 문제를 해결하기 위해 다음 단계를 따를 수 있습니다: 1. 프로젝트 폴더에서 `package-lock.json` 파일(또는 `yarn.lock` 파일)을 삭제합니다. 2. 프로젝트 폴더에서 `node_modules` 폴더를 삭제합니다. 3. 프로젝트의 `package.json` 파일에서 `dependencies` 및/또는 `devDependencies` 섹션에서 `"eslint"` 항목을 제거합니다. 4. 사용하는 패키지 매니저에 따라 `npm i.. 2023. 5. 18.
'ESLint: 'module' is not defined' 오류는 ESLint가 'module' 'ESLint: 'module' is not defined' 오류는 ESLint가 'module'이라는 변수를 찾을 수 없다는 것을 의미합니다. 이 오류는 일반적으로 브라우저 환경에서 모듈 시스템을 사용하는 경우 발생합니다. 이 문제를 해결하기 위해 다음 두 가지 방법 중 하나를 시도할 수 있습니다: module.exports = { env: { browser: true, es2021: true, node: true, }, extends: ["eslint:recommended", "plugin:react/recommended"], parserOptions: { ecmaFeatures: { jsx: true, }, ecmaVersion: 12, sourceType: "module", }, plugins: .. 2023. 5. 17.
[생활코딩] props , eslint] src\App.js Line 6:37: 'title' is missing in props validation react/prop-types [생활코딩] prop react prop은 component의 속성이다. React prop은 React 컴포넌트에서 특정한 값을 전달할 수 있도록 하는 속성(property)입니다. Prop은 다른 컴포넌트로부터 전달받을 수도 있고, 컴포넌트 내부에서 생성된 값을 전달할 수도 있습니다. Prop을 사용하여 컴포넌트 간에 데이터를 전달하면, 데이터의 일관성을 유지하며 중복 코드를 줄일 수 있습니다. 컴포넌트의 속성은 일반 JavaScript 변수와 동일하게 다룰 수 있으며, 다른 컴포넌트에서 해당 속성을 사용할 때에는 JSX 문법을 사용하여 속성 값을 전달합니다. React prop은 불변성을 지니며, 컴포넌트가 생성될 때는 초기 값이 설정되며, 이후에는 변경되지 않습니다. 이러한 이유로 React pr.. 2023. 5. 17.
[생활코딩] 시멘틱 웹과 Component 추가하기 [생활코딩] 시멘틱 웹과 Component 추가하기 시멘틱웹: , , 태그를 말한다. https://www.youtube.com/watch?v=WT58gOl8Eh8 따라하면서 오류 정리, import React from "react"; import "./App.css"; import "./index.css"; 이부분은 반드시 import 해야된다 - eslint import React from "react"; 오류부분 function Header() { return; WEB ; } 해결된 부분 function Header() { return ( WEB{" "} ); } funtion 변수() { 괄호하고 return ( 값을 넣어라 ); 2023. 5. 17.
[생활코딩] React 배포하는 방법 React 배포하는 방법 npm run build C:\Users\seolzone\IdeaProjects\lifereact>npm run build > lifereact@0.1.0 build > react-scripts build Creating an optimized production build... Compiled successfully. File sizes after gzip: 47.11 kB build\static\js\main.a8c82644.js 1.78 kB build\static\js\787.032469ce.chunk.js 427 B build\static\css\main.3068919b.css The project was built assuming it is hosted at /. Yo.. 2023. 5. 16.
반응형