Git Bash
~ 물결 표시 리눅스 에서 Home 폴더를 가르킴 root는 완전 최상단 특정 위치를 지정 하지 않는 이상 ~ 에서 터미널이 실행되는것이 디폴트 값임. 특정위치에서 git bash를 열 경우 초기 경로를 생량해서 ~로 표시 후 나머지 경로가 표시 됨
Jin Lee
React & JSX
React React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리. 컴포넌트를 조립해서 UI를 만드는 라이브러리. JSX JavaScript XML xml : 데이터를 저장하고 전송하기 위한 구조를 정의 하는 언어 JSX : JS 코드 안에서 html과 유사한 문법으로 UI구조를 작성할 수 있는 JS의 확...
JavaScript 자료형 & 원시 자료형
자료형 data types 자료형 데이터의 종류 (e.g. 숫자, 문자, 참/거짓) 데이터 종류에 따라 수행 가능한 작업이 달라짐 원시 자료형 가장 기본적인 데이터 타입 불변성 - 생성 후 값 변경 불가 자료형 확인 typeof 데이터: 데이터의 자료형 확인 기본 자료형 문자열 (string) 글자의 ...
JavaScript 입문
JavaScript란? JavaScript는 웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어입니다. console.log("Hello, World!"); function greet(name) { return `안녕하세요, ${name}님!`; }
CSS 선택자
선택자 스타일을 적용할 HTML 요소를 선택하는 방법 태그(tag), 클래스(class), 아이디(id) 등으로 요소를 선택한다 기본 선택자 전체 선택자 universal selector 문서 내 모든 요소 선택 * { 속성: 값; } 태그 선택자 type selector 특정 태그의 모든 요소를 선택 태그명 형태...
CSS 기본
CSS Cascading Style Sheets 웹 페이지의 스타일을 정의 하는 스타일 시트 언어 css기본구조 선택자, 속성, 값 으로 구분 선택자 { 속성: 값; } 선택자 selector 스타일을 적용할 html 요소를 선택한다 /* h1 태그를 선택 */ h1 { } /* class가 "title"인 요소를 선...
FORM 태그
Form 태그 사용자로부터 정보를 입력받고 웹 서버로 전송하는 태그 폼 태그 역할 사용자에게 정보를 입력 받는다 입력된 정보를 웹 서버로 전송한다 여러 개의 입력 (input) 요소를 하나로 묶어 준다 기본구조 <form action="정보를 보낼 주소" method="보내는 방식"> <!-- 입력 요...
HTML 기초 태그 분류
<html></html>: HTML 문서의 루트 요소 <head></head>: 문서의 메타데이터 영역 <body></body>: 문서의 본문 내용 영역 display 속성에 따른 분류 block 태그 문서의 구조를 구성하는 태그 부모 요소의 전체 너비 만큼을 차지 한다...
HTML 기초 2
HTML 의 요소: 요소 (element): 웹 페이지의 구조와 컨텐츠를 만드는 기본단위 요소의 구조: 요소를 구성 하는 3가지 <태그 속성="값">내용</태그> 태그, 속성, 컨텐츠 태그: 요소의 기능을 나타냄. 시작 태그 <>. 종료 태그 </> e.g. &l...
HTML 기초
HTML Hyper Text Markup Language 팀 버너스 리 (웹의 아버지) 연구자들마다 파일형식, 규칙을 모두 다르게 썼음. 연구자료를 주고 받을 때 불편 했음. 하이퍼텍스트 : HyperText 다른 문서 (혹은 웹 페이지) 로 이동 할 수 있는 텍스트 e.g. 구글 페이지에서 Gmail링크를 클릭해서 페이지를 이동하는것...