-사전 캠프 정리-
-
웹개발? - 홈페이지, 웹페이지를 만드는 기술.
웹이 무엇인지, 꾸미는법.
웹 - 개발의 기초 -
웹 브라우저 동작 원리
브라우저의 역할? 내가 마음대로 바꿀수있는이유, 인터넷과 상관없이 페이지가 나오는이유? - 이미 내 컴퓨터로 가져왔기 때문.
브라우저 - 클라이언트
HTML - 뼈대 / CSS - 꾸미기 / JavaScript - 움직이기
ex) HTML만 있으면? - 메일 옆에 카페가 있다는 식으로 보여지기만함
+CSS - 꾸며짐(어떤건 굵은글씨, 어떤건 초록색등)
+JS - 움직임이 더해짐(검색창에 검색을 한다던가 등) -
HTML의 큰부분 두가지 - head, body
head - 눈에 안보이는 모든 부분(팝업아이콘, 검색엔진이 어떻게 가져가게할거냐, 사이트이름, CSS, JS) : 뼈대 태그가 들어감.
body - 눈에 보이는 모든 부분(사이트의 내용) -
css(login.html)
명찰붙이기 - class="명찰이름"
style태그에서 관리(헤드안에 들어있음)
alt+shift+f = 줄맞춤
div로 구역지정 이후에는 항상 구역의 크기를 보기위해 background-color로 확인해보기.
부트스트랩 - 남이 만들어둔 예쁜 CSS꾸러미
2주차
JavaScript는 언제 쓰나요? - 웹페이지에 움직임을 줄때(박스가 나갔다 들어왔다, 색이 바뀌거나, 뭔가를 했을때 움직이거나 서버와 통신한다거나...)
왜 JavaScript를 사용해야하는가? - 우리가 쓰는 브라우저, 우리 눈에 보여주는 랜더링시스템 등이 다 자바스크립트에 맞춰져 짜여짐. -> 브라우저, 웹페이지를 만드는 사람들이 자바스크립트가 동작하게, 자바스크립트를 넣어서 만들어야함.
=>웹, 브라우저 관련은 JavaScript가 표준이 됨.
HTML, CSS는 웹페이지를 꾸미고 뼈대를 세우는데만 쓰이는데 JavaScript는 서버를 만드는데에도 사용됨.(매우 범용적으로 많이 쓰임.)
Java와 JavaScript는 아무 관련이 없음.
JavaScript 기초 문법
1) 변수 - 값을 담는 것(문자, 숫자등)
2) 자료형
리스트 - 변수를 꾸러미로 관리, 순서가 중요 []사용
딕셔너리 - 하나의 변수에 종속된 변수들을 하나로 묶기위해 사용. {}사용
3) 함수
4) 조건문
5) 반복문
css때 부트스트랩처럼 뭔가를 조작할 때 길게 쓰기가 불편해서 라이브러리로 만들어진 것.(짧고 직관적으로 쓸수 있음) -> JQuery
JQuery - 누군가 만들어 둔 라이브러리. -> JavaScript를 통해 화면을 훨씬 쉽게 조작 가능.
본 캠프 1, 2일차
이전에 사전 캠프때 학습했던 내용들을 복습하면서 첫 주차 팀 프로젝트인 팀 소개페이지 만들기를 진행했다. 감기인지 코로나인지 모르겠지만 약먹고 몸상태가 조금 괜찮아져서 2일차부터 작업이 조금 진행되었다. 프로그래밍을 처음 배웟을 때 처럼 익숙해지기 전까지는 비슷한 내용을 계속 찾아보게 될 것 같다.
