본문 바로가기

분류 전체보기126

Emmet Emmet HTML과 CSS의 자동완성 기능을 제공하여 작성시간을 단축시켜주는 확장 기능 Hello World~! items1 items2 items3 items4 items5 2022. 11. 18.
HTML 기본구조 HTML(Hyper Text Markup Language) : 태그로 이루어진 markup언어 1. HTML 태그 HTML요소(태그)=시작태그+종료태그 content ex) 제목 content가 없는 태그는 종료 태그를 생략 가능하다! (ex: hr, br) 2. HTML 문서 기본 구조 헬스 위키백과, 우리 모두의 백과사전. 헬스(health)는 기본적으로 건강을 가리키며 그 외에 다음을 가리킨다. 의료 보건 체력(게이밍) 패션 헬스(Fashion health) 헬스클럽(health club) 구글 헬스: 구글이 제공하는 개인 의료 정보 서비스 3. HTML 주석 ✨ 단축키 윈도우: Ctrl+/ 맥: command+/ 2022. 11. 18.
✅ 배열 내장 함수(자바스크립트) forEach : for문 대체, 배열 안에 있는 모든 원소들을 모두 출력 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; //for문으로 배열 안에 있는 모든 원소 출력 for (let i=0; i { console.log(hero); }); - forEach 함수의 파라미터로 각 원소에 대하여 처리하고 싶은 코드를 함수로 넣어줌 - 콜백함수: 함수형태의 파라미터를 전달하는 것 map : 배열 안의 각 원소를 변환할 때 사용, 새로운 배열이 만들어짐 const array = [1,2,3,4,5,6,7,8]; const squared = []; //for문 이용 for (let i=0; i { squared.push(n*n); }); console.. 2022. 11. 17.
리액트의 배열 배열에 항목 추가 : 배열에 변화를 줄 때, 객체와 마찬가지로 불변성을 지켜주어야 함 ➣ 기존의 배열을 한 번 복사하고 나서 사용 App컴포넌트에서 상태관리하고, CreateUser컴포넌트에서는 input값 및 이벤트로 등록할 함수들을 props로 넘겨받아 사용하는 예제 import React from "react"; function CreateUser({ username, email, onChange, onCreate }) { return ( 등록 ); } export default CreateUser; 1. spread 연산자 사용 import React, { useRef, useState } from "react"; import UserList from "./UserList"; import Crea.. 2022. 11. 17.