웹프론트엔드
웹 프론트 엔드 강의(8)
vue는 동적으로 html코드를 생성 요새 html은 죄다 MVC패턴 MVC : Model View Controller 여기서 model은 data 혹은 db, 기능 등으로 이해하면 됨. model은 json을 데이터를 기술함. 여기서 view는 display, html 렌더링, 태그 등으로 이해하면 됨. view는 html에서 사용하는 태그로 이해하면 쉬움. 여기서 controller : 제어 즉, model과 view를 연결하는 역할 근데 여기서 vue는 따로 controller가 없음. vue라는 프로그램을 따로 설치하지말고 id=app인 위치에 ‘홍길동’ 출력하기 나의 홈페이지 {{message}}/{{age}} 주소 : ~~~ 나이도 같이 출력할 수 있음 data = { message : '홍길..
웹 프론트 엔드 강의(6)
Json방식 Json방식은 매우 중요하다. json방식? 어떤 데이터를 지정할 때 중괄호로 시작 { } Json =Java Script Object Notation의 약자 즉 자바스크립트의 객체 표기 방법 만약 d={age:50} // 나이를 50으로 지정한다는 느낌. d={age:50, name:’이순신‘} // 이 객체가 가지고 있는 나이는 50이고 이름은 이순신이다. 이런식으로 Json방식으로 여러 개 지정도 가능하다. d=[50,‘이순신’] → 이거는 arrray로 정의한 것 d={age:50, name:’이순신‘} → 이거는 JSon 방식으로 정의한 것 array방식은 50이 몸무게인지 나이인지 전혀 알 수가 없음. 그래서 Json방식을 많이 사용함. 50 이순신 이거나 d=[50,‘이순신’] ..
웹 프론트 엔드 강의(5)
JQuery 자바 프레임워크에서 JQuery를 많이 씀. 그래서 JQuery를 배워야 다른 프레임워크를 이해하는 데 편함. JQuery는 자바스크립트로 이루어진 질의어라고 생각하면 쉬움. 이 질의라는거는 내가 원하는 노드를 찾는 라이브러리라고 생각하면 쉬움. html은 복잡한 태그들로 이루어져 있기에 그것을 효과적으로 찾는 것이 필요 Jquery를 CDM방식으로 사용하는 방법과 다운로드 받아 사용하는 방법이 있음. CDM방식은 따로 링크를 달아서 그 링크에 접속하면 바로 설치되는 방식이며, 다운로드 방식은 미리 우리가 다운받고 그 파일만 상대주소로 기입하는 방식이다. 자바 스크립트에서는 $도 사용가능함. C언어에서 gil_hyun 여기서 언더바를 써서 변수지정이 가능하듯이. 여기선 달러도 사용이 가능하다..
웹 프론트엔드 강의(4)
우선 소스부터 보여드리고나서 그 다음에 설명하겠다. go1 go2 go3 go1 여기서 #은 정의가 안되었다는 의미이다. function 은 함수라는 의미이며 sayhello( )에서 괄호안의 message라고 변수를 선언해줌을 의미한다. alert(message)하면 message라는 변수가 출력되는데 이때 go1을 눌렀을경우 hi~~ , go2를 눌렀을 경우 abc~~ , go3를 눌렀을 경우 123~~가 출력된다. 일단 이렇게 되고 go1 눌르면? go2 눌르면? go3 눌르면? 이렇게 출력된다. 다음은 준비물이 필요한다 파일질라로 영화포스터사진, 음식사진, 선물사진을 가져오자. 영화 음식 선물 영화버튼을 눌렀을 때 영화포스터사진 음식버튼을 눌렀을 때 음식사진 선물버튼을 눌렀을 때 선물사..
웹 프론트엔드 강의(3)
오늘은 자바스크립트를 간단하게 배워보겠다. html에서 자바스크립트를 쓰는 방법은 다음과 같다. 이렇게 스크립트 태그를 써줄것이다. 이런 식으로 세팅을 해둔다. 자바스크립트는 스크립트 태그안에서 코딩을한다고 생각하면된다. 보통 html은 세미콜론 ;를 사용하지 않지만 스크립트 태그를 사용하면 일반 프로그래밍 언어처럼 세미콜론 ;을 붙인다. c언어에서는 printf 함수가 출력에 있어서 기본적이었다면 자바스크립트에서는 alert 함수가 기본적이다. Hello Javascript 이렇게 한번 써서 출력해보자. 그러면 이렇게 출력이 된다. 신기하지 않은가? 자바스크립트는 이렇게 스크립트 태그 사이에 쓰는 것이다. 자바 스크립트 태그를 여러 개 만들어서 쓸 수 도 있다. 여기서 중요한게 자바스크립트 태그를 ..