babydevelopbabydevelop

HTML 태그 정의 및 특징 태그는 문서나 특정 섹션(section)의 푸터(footer)를 정의할 때 사용합니다. 푸터(footer)는 보통 요소가 포함되어 있는 문서나 섹션에 대한 아래와 같은 정보를 포함합니다. - 저자(author) 정보 - 저작권 정보 - 연락처 - 사이트맵(sitemap) - 페이지 맨 위로 되돌아갈 수 있는 Top 버튼 - 연관 페이지 등 하나의 HTML 문서에는 여러 개의 요소가 포함될 수 있습니다. (주)에버디벨 회사소개 개인정보보호정책 위치 고객센터

React 컴포넌트 안의 state와 생명주기에 대한 개념을 소개해보겠습니다! 함수에서 클래스로 변환하기 다섯 단계로 Clock과 같은 함수 컴포넌트를 클래스로 변환할 수 있습니다. React.Component를 확장하는 동일한 이름의 ES6 class를 생성합니다. render()라고 불리는 빈 메서드를 추가합니다. 함수의 내용을 render() 메서드 안으로 옮깁니다. render() 내용 안에 있는 props를 this.props로 변경합니다. 남아있는 빈 함수 선언을 삭제합니다. class Clock extends React.Component { render() { return ( Hello, world! It is {this.props.date.toLocaleTimeString()}. ); } ..

함수 컴포넌트와 클래스 컴포넌트 컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것입니다. function Welcome(props) { return Hello, {props.name}; } 이 함수는 데이터를 가진 하나의 “props” (props는 속성을 나타내는 데이터입니다) 객체 인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트입니다. 이러한 컴포넌트는 JavaScript 함수이기 때문에 말 그대로 “함수 컴포넌트”라고 호칭합니다. 또한 ES6 class를 사용하여 컴포넌트를 정의할 수 있습니다. class Welcome extends React.Component { render() { return Hello, {this.props.name}; ..

1. node.js 설치! https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. node.js 설치여부 확인! cmd 창에 아래 명령어를 입력해 봅니다. (cmd 창 키는 방법: 키보드 내 윈도우 버튼 + cmd 입력) node -v 위와같은 문장이 출력되면 node.js가 설치되어 있지 않다는 것이므로 설치여부 확인후 설치하셔야합니다! 3. 리액트 CLI 설치 npm install -g create-react-app 터미널(cmd)에서 React CLI를 설치합니다. 4. 리액트 설치 확인 create-react-app --version 터미널을 ..

기본 타입 기본 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미합니다. PHP에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 합니다. PHP가 제공하는 기본 타입은 다음과 같습니다. 1. 불리언(boolean) 2. 정수(integer) 3. 실수(float) 4. 문자열(string) 5. 배열(array) 6. 객체(object) 7. 리소스(resource) 8. NULL 불리언(boolean) 불리언은 참(true)과 거짓(false)을 표현합니다. PHP에서 불리언은 상수인 true와 false를 사용해 나타내며, 대소문자를 구분하지는 않습니다. PHP에서 다음 값들은 불리언 타입으로 변환되면, 모두 false로 인식됩니다. ..

상수 상수(constant) 상수(constant)란 변수와 마찬가지로 데이터를 저장할 수 있는 메모리 공간을 의미합니다. 하지만 상수가 변수와 다른 점은 한 번 선언되면, 스크립트가 실행되는 동안 그 데이터를 변경하거나 해제(undefined)할 수 없다는 점입니다. define() 함수 PHP에서는 define() 함수를 사용하여 상수를 선언할 수 있습니다. define() 함수의 원형은 다음과 같습니다. 원형 define(상수이름, 상숫값, 대소문자구분여부) 이 함수는 첫 번째 인수로 상수의 이름을 전달받고, 두 번째 인수로 그 값을 전달받습니다. 세 번째 인수는 상수의 이름이 대소문자를 구분하는가를 설정하며, 기본값은 false로 대소문자를 구분합니다. 예제 define("PHP", "PHP 수업..

변수의 종류 변수의 종류 PHP에서 변수는 스크립트 내 어느 곳에서나 선언할 수 있습니다. 변수의 유효 범위(variable scope)란 특정 변수를 참조되거나 사용할 수 있는 스크립트 내의 범위를 의미합니다. PHP에서는 이러한 변수의 유효 범위에 따라 변수의 종류를 다음과 같이 구분합니다. 1. 지역 변수(local variable) 2. 전역 변수(global variable) 3. 정적 변수(static variable) 지역 변수(local variable) 함수 내부에서 선언된 변수는 오직 함수 내부에서만 접근할 수 있습니다. 또한, 함수 내부에서 선언된 변수는 함수의 호출이 종료되면 메모리에서 제거됩니다. 이렇게 함수 내부에서 선언된 변수를 지역 변수(local variable)라고 합니다..

포지션 position 속성 position 속성은 HTML 요소가 위치를 결정하는 방식을 설정합니다. CSS에서 요소의 위치를 결정하는 방식에는 다음과 같이 4가지 방식이 있습니다. 1. 정적 위치(static position) 지정 방식 2. 상대 위치(relative position) 지정 방식 3. 고정 위치(fixed position) 지정 방식 4. 절대 위치(absolute position) 지정 방식 정적 위치(static position) 지정 방식 HTML 요소의 위치를 결정하는 가장 기본적인 방식은 정적 위치(static position) 지정 방식입니다. position 속성값이 static으로 설정된 요소는 top, right, bottom, left 속성값에 영향을 받지 않습니다..