DOM의 이해
[JS/브라우저] DOM 이해하기DOM ?DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 모델이다. 자바스크립트를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다.
HTML을 조작할 수 있다는 것은 DOM을 위해 여러 뛰어난 웹 개발자들이 모여 HTML을 철저히 분석했다. 분석한 내용으로 아주 작은 부분까지 접근할 수 있는 구조(Model; Structure)을 만들어냈다. 이렇게 만들어진 구조를 이용하여 HTML로 구성된 웹 페이지를 동적으로 움직이게 만들 수 있다. 앞서 학습한 조건문과 반복문, 배열, 객체를 활용하면 SNS에서 새롭게 생성되는 게시물을 저장하고 분류하는 작업을 할 수 있다.
자바스크립트는 다양한 일을 할 수 있지만 웹 페이지를 제어하기 위한 목적으로 사용되었다. DOM을 학습하여 자바스크립트로 홈페이지를 다이나믹하게 만든다.
자바스크립트로 할 수 ...
Git Work Flow
Linux + Git개발에도 코드 수정을 위해 이전에 작성한 내용을 보존해 주는 버전 관리 시스템(Version Control System)이 필요. 이 중 가장 강력한 도구 Git을 학습하며, 현업에서의 버전 관리 및 협업 기본을 익혀 오픈소스 생태계 기여를 목표로 함.
버전 관리?
파일 변경시 변경 이력을 저장함.
변경 이력을 바탕으로 이전 버전으로 돌아갈 수 있음.
변경 사항 저장시 코멘트 작성을 통해 어떤 변경 사항이 발생했는지 알기 쉬움.
Git으로 관리하는 파일은 여러 원격 저장소를 이용하여 협업에 좋음.
같은 맥락으로 백업용으로도 좋음.
Git ?코드를 효율적으로 관리하기 위해서 개발된 분산형 버전 관리 시스템.
날짜별로 어떤 파일이 어떤 변경이 있었는지 확인 가능. 특정 시점에 생성된 백업 복사본을 스냅샷이라 하는데 스냅샷을 만드는 작업을 commit 이라고 함. commit 기능으로 변경 사항에 대한 스냅샷 생성, 이전 기록들의 추적 가능.
→ Git에 ...
Linux / Git
Linux / Git 기초
🚨 **Linked list** : 기본적으로 알아야 하는 CLI 명령어 / 패키지와 패키지 매니저 / nvm, node.js, npm / Sprint - 짝수 생성기
프롬프트(Prompt)터미널은 CLI(Command-Line Interface)이다. 입력하는 글자와 출력되는 글자로 컴퓨터와 소통 할 수 있다.
키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트라고 한다.
리눅스 터미널 기본적인 명령어리눅스 터미널에서 명령 실행하기
pwd : 현재 위치를 확인
mkdir : 새로운 폴더를 생성
ls : 폴더나 파일의 목록을 출력
open : 현재 폴더를 파일 탐색기로 열기
cd : 폴더에 진입
. : 현재 폴더
.. : 현재 폴더보다 앞에 있는 폴더
cat : 파일의 내용을 터미널에 출력
touch : 새로운 파일을 생성
rm : 폴더나 파일을 삭제
mv : 폴더나 파일의 위치를 이동하거나, 이름을 변경
mv [폴더 ...
HTML / CSS 기초
HTML / CSS 기초HTML?
HyperText Markup Language
웹 페이지의 틀을 만드는 마크업 언어
사용법
Html은 tag들의 집합
Tag : 부등호(<>)로 묶인 기본 구성 요소
html 확장자 사용
TREE STURCTURE
HTML 문서 시작 →
html → 시작 태그, 문서 전체의 틀 구성
head → 문서의 메타데이터 선언
title : Page title, 문서의 제목 → 브라우저 탭에 노출
body → 문서의 내용
h1 → heading을 의미, 크기에 따라 h1~h6
div : Content division → 줄바꿈 됨
span : Content Container → 줄바꿈 없음
Most Used TAGS in HTML
태그
설명
div
Division
span
Span
img
Image
a
Link
ul & li
Unorderd List & List It ...