A ship in harbor is safe, but that is not what ships are built for.

웹개발 3

Day03(1-14~1-20)

1. Javascript 맛보기 1) 자바스크립트란? - 프로그래밍 언어로 브라우저가 알아들을 수 있는 언어 - 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 전달 2) 자바스크립트- html 연결, 버튼을 클릭하면 경고창이 뜨게 하기 - 함수 만들기 function hey(){ alert('안녕!'); } - 내 코드를 만들어 추가 - 해당 태그 내 자바스크립트 작성 가능 - 버튼에 함수 연결 -> 버튼을 누르면 함수가 불린다. 영화 기록하기 2. Javascript 기초 문법 배우기(1) - [크롬 개발자도구]를 열어 console 탭에 작성 --> 빠르게 자바스크립트 테스트 가능 - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let..

Day02(1-3~1-13)

1. HTML, CSS 기본 내용 1) HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기! - HTML은 구역과 텍스트를 나타내는 코드, CSS는 잡은 구역을 꾸며주는 것 --> HTML 내 style 속성으로 꾸며줄 수 있지만, CSS 파일을 따로 분리해 작성하는 것이 편함 2) HTML 기초 - HTML은 크게 head와 body로 구성 - head는 페이지의 속성 정보, body는 페이지의 내용 - head 내 대표적 요소 : meta, script, link, title 등 - body 내 대표적 요소 : div, p, ul-li, h1, h2, h3, hr, span, a, img, input, textarea 등 --> 정렬 중요!! 2. Quiz. 간단한 로그인 페이지 만들기 로..

Day01(1-1~1-2)

1. 1주차 오늘 배울 것 네이버 웹페이지 해킹해보기! 네이버 페이지 들어가기 -> '네이버뉴스'에 마우스 놓기 -> 마우스 우측 클릭 -> 검사 -> '네이버뉴스'를 원하는 문구로 바꾸기 -> 엔터 ==> 바뀌었다! 웹의 동작 개념(HTML을 받는 경우) HTML = 뼈대 CSS = 꾸미기 JS = 바꾸기 브라우저가 하는 일 1) 서버(네이버의 컴퓨터)에 요청을 보내고 2) 받은 HTML 파일을 그려준다 ==> 우리가 보는 웹페이지는 서버에서 미리 준비해두었던 것을 '받아서', 화면에 '그려주는' 것이다!! But, 어디에(where) 요청을 보낼까? 바로 서버가 만들어 놓은 'API'라는 창구에 미리 정해진 약속대로 요청을 보내는 것! ex) https://naver.com -> 'naver.com'..