본문 바로가기

전체 글

(64)
[Week2-4] DOM ## DOM 이해하기 ### 목표 DOM의 개념을 이해할 수 있다. DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 알 수 있다. HTML에서 Javascript 파일을 불러올 때 주의점에 대해서 이해할 수 있다. 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있음을 이해할 수 있다. JS를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. 태그를 추가하는 대표적인 두 사례는 에 추가하거나, 가 끝나기 전에 추가하는 것 두 가지가 있다. 보통 가 끝나기 전 추가하는 방법을 선택하는데, 이유는 생성되지 않은 DOM의 조작을 할 수 있기 때문이다. DOM 구조를 조회할 때에는 console.dir이 유용하다. console.log와 달리 DOM을 객체의 모습으로 출력해주기 때..
[Week2-3] CSS lay out, selector ## CSS 중급 ### 들어가기 앞서 CSS의 기본적인 실렉터 #와 .의 차이를 이해하고 있다. 절대 단위와 상대 단위를 구분할 수 있다. CSS 박스 모델에 대해 이해하고 있다. 박스 측정 기준(content-box, border-box) 두 가지의 차이를 이해하고 있다. ### 목표 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 후손 셀렉터와 자식 셀렉터의 차이는 반드시 알아야 합니다. 레이아웃을 위한 HTML을 만들 수 있다. Flexbox를 이용해 레이아웃을 만들 수 있다. (다음 속성에 대한 이해가 있어야 합니다) 방향: flex-direction 얼마나 늘릴 것인가?: flex-grow 얼마만큼의 크기를 갖는가?: flex-basis 수평 정렬: justify-content 수직 정렬: al..
[Week2] concise - giving a lot of information clearly and in a few words consistent - acting or done in the same way over time, espacially so as to be fair or accurate. accurate - correct in all details contribute - help to cause or bring about properly - correctly or satisfactorily vicious - deliberately cruel or violent deliberately - consiously and intentionally; on purpose 참고 사이트 https://cbea.ms/git..
[Week2-2]Git ## 버전 관리 시스템 학습 ### 목표 Git의 환경설정을 할 수 있다. 버전 관리 시스템의 필요성을 이해할 수 있다. Github과 Git의 관계에 대해 이해할 수 있다. Repository에 대해 이해할 수 있다. Local Repository와 Remote Repository의 차이를 이해할 수 있다. Git은 소스코드를 기록하고 추적할 수 있는 분산 버전 관리 시스템이다. Git으로 관리되는 파일은 Github 등 여러 원격 저장소를 이용해서 협업과 백업을 할 수 있다. 특정 시점에 저장된 복사본을 만들어주는 작업을 commit이라고 한다. -> 수정 내용 추적할 때 용이 Github는 git repository를 관리할 수 있는 클라우드 기반 서비스를 말한다. git repository에는 l..
[Week2-1] CLI 기초 ##CLI 기초 ###목표 리눅스 터미널을 실행할 수 있다 터미널에서 기본적인 명령어를 사용할 수 있다 명령어를 사용할 때 등장하는 키워드에 대해 이해할 수 있다 절대 경로와 상대 경로 차이를 이해할 수 있다 텍스트 에디터 nano를 이용해 파일을 수정하고, 저장할 수 있다 CLI(커맨드 라인 인터페이스)는 명령어를 입력해 컴퓨터를 조작하는 방식을 말한다. GUI(그래픽 유저 인터페이스)는 사용자가 화면을 통해 컴퓨터와 소통하는 방식을 말한다.(대부분의 PC가 GUI 채택) 컴퓨터를 조작하기 위한 입/출력을 I/O라고 표기한다. Mac OS에서 Terminal를 실행하는 법 런치패드에서 최상단 돋보기로 Terminal 검색 command + space 키 동시입력 spotlight로 Terminal 검색..
[Week1] typically - 전형적으로, 대표적으로, 자주 있는 일이지만, 대체적으로 The HTML element represents an unordered list of items, typically rendered as a bulleted list. permitted - 허락하다, 용인하다, 통과하다 omission - 생략, 빠뜨림, 누락, 탈락 implicit 절대, 맹목적인 은연중에 내포된, 함축적인 alternate between A and B - (사람 상태 등이) A와 B사이를 왔다 갔다 하며 변동한다 the nested lists may alternate between and without restriction. alternate A with(and, by) B - (사물 등) A와 B를 번갈..
[Week1] HTML, CSS기초 ## HTML 달성 목표 HTML에 CSS를 적용하고, JS로 개발할 수 있어야 한다. HTML이 Markup language 언어라는 것을 이해해야 한다. HTML 구조와 문법(Opening tag, closing tag, self-closing tag)에 대해서 이해해야 한다. 자주 사용하는 HTML 요소가 무엇이고 차이를 알아야 한다.(div, span / ul, ol, li / input type) 동적인 웹 애플리케이션 개발을 위한 HTML 구조를 짤 수 있어야 한다.(HTML5 semantic tag를 적재적소에 활용) ### HTML tag head -> 문서의 메타데이터 선언, 문서의 제목, 브라우저의 탭에 보임 div -> content division을 의미하며, 줄 바꿈 됨 span ..
[React JS] Movie App publishing https://github.com/ge5rg2/react-for-beginners/commit/9af4fe48e5acc554f01f66b7311b1ea003072fdf publishing · ge5rg2/react-for-beginners@9af4fe4 This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. github.com 지난번 css과정까지 마친 movie app을 publishing 하려고 한다. 우선 $ npm i gh-pages 을 진행한다. gh-pages란 결과물을 github pages에 업로드할 수 있는 패키지를 말한다. github pa..