HTML구성요소 starttag endtag 요소의 시작과 끝을 의미하는 태그 으로 구성되면 endtag의 경우 Void 요소 , , , 처럼 endtag가 없는 태그들이 존재함 endtag를 작성하지않아도 일반요소처럼 작동 ! self colsing : 형태로 작성해도 된다 Element Content Element: starttag, endtag, content를 모두 합친 하나를 의미 content: starttag와 endtag사이의 내용을 의미 Attributes 속성 태그의 동작을 제어하도록 사용자가 지어하는 값을 의미 HTML 요소분류 inline 인라인요소 태그가 할당된 텍스트나 이미즈이 크기에 맞는 필요한 공간만을 차지 높이나 너비를 지정할 수 없으며 줄 내부 어디서든 시작함 인라인 요소..
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); reportWebVitals();
자바스크립트 안에 내장되어있는 오브젝트 비동기적인 것을 수행 할 때 콜백 대신 유용하게 사용 state 상태 pending-> fulfilled or rejected producer producer 프로미스는 클래스 새로운 프로미스가 만들어질 때 전달한 excutor 바로 실행됨 const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('bomi'); },2000); }); resolve 기능을 정상적으로 수행해서 마지막으로 최종데이터를 전달 reject 기능을 수행하다 중간에 문제가 생기면 호출 consumer: then, catch, finally finally 성공과 실패를 떠나 무조건 호출 됨 promise.then..
interface User{ name:string; age:number; gender?: string; readonly birthYear: number; } let user : User ={ name:"xx", age:28, birthYear:1990, //처음 생성만 되고 변경은 불가 readonly라서 } optional 뒤에 ? 붙이면 됨 입력해도되고 안해도 되고 ~ interface User{ name:string; age:number; gender?: string; readonly birthYear: number; [grade:number] : string; // 여러가지 입력하고싶을때 optional기능까지 함께 } let user : User ={ name:"xx", age:28, birth..
타입추론 let age:number = 30; let isAdult:boolean = true ; let a:number[] ={1, 2, 3]; let a2:rray =[1, 2, 3]; 튜플 Tuple 인덱스별로 타입이 다를 때 사용 let b:[string, number] b = ["z", 1]; b = [ 1, "z"]; // 불가 void 아무것도 반환하지 않을 때 사용 function sayHello():void { console.log("hello"); } never 항상 에러를 반환하거나 영원히 끝나지않는 함수타입으로 사용 function showError():naver{ throw new Error(); } function infLoop():naver{ while(true) { //do ..
// Q1. make a string out of an array { const fruits = ["apple", "banana", "orange"]; const result = fruits.join(); } join (메소드) Array.join(separator?: string): string 배열의 모든 요소를 지정된 구분 기호 문자열로 구분하여 문자열에 추가 @param separator — 배열의 한 요소를 결과 문자열의 다음 요소와 구분하는 데 사용되는 문자열 생략하면 배열 요소가 쉼표로 구분 // Q2. make an array out of a string { const fruits = "🍎, 🥝, 🍌, 🍒"; const result = fruits.split(","); } split (메소..
Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'. Please make sure all processes are terminated then try again. If it still fails, a git process may have crashed in this repository earlier: remove the file manually to continue. Git이 저장소에서 다른 git 프로세스가 실행중인 것 같습니다. git 디렉토리 index.lock 파일 삭제 rm -f .git/index.lock 해결 완료 !
npm ERR! Missing script : "start" 대체로 많이들 하는 방법이 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" start에 "node index.js"를 입력하라고 한다 하지만 난 이미 잘 입력되어있으니 될 리가 없고