draft/html, javascript

*http 웹의 클라이언트(브라우저)와 서버가 어떻게 통신하는지를 정의한 것 클라이언트가 서버에게 요청, 그리고 서버가 응답 하는 방식으로 이루어진다 -ajax : 웹페이지에서 동적으로 서버에게 데이터를 주고받을 수 있는 기술 json = javascript object notation (데이터 포멧) 서버와 데이터를 주고받을 때 이데이터타입을 많이 이용함 -데이터 주고받을 때 가장간단한 데이터 포멧 -키와 벨류로 이루어짐 (오브젝트 처럼) -프로그래밍 랭기지나 플랫폼에 상관없이 쓰일 수 있음 -> c, c++, 자바, php, .. 모든 언어에서 사용가능하다 공부포인트 1. 오브젝트를 어떻게 serialize (직렬화) 해서 json으로 변경할지 2. 그리고 json을 어떻게 다시 비직렬화해서 obje..

*여러타입 한번에 한 배열에 담을 수 있슴 ..... ; -> 근데그러지 않는게 조음.. 웅웅.. 배열 선언 1. const arr1 = new Array(); 2. const arr2 = [ 1,2 ] ; //이게 더 흔하게 쓰임 접근 -> [인덱스] 로 !! ( 0부터 ~ arr.length-1 ^^ ) arr2[0]; 이런식으로 loop, 각각 출력 1. for (let i = 0 ; i< arr.length ; i++){ console.log(arr[i]); } 2. for( let a of arr){ console.log( a ); } 3. forEach 사용 ! foreach 는 배열안에 들어있는 벨류들마다 내가전달한 함수대로 출력한다 forEach(콜백함수(value, index, array..

object 만드는 방법 *object = 키와 벨류의 집합체 ! { key:value } -const obj1 = { name:'ss' , age:4 } ; 이렇게 가로를 이용해서 만들 수 있음 = object literal (자바 스크립트는 클래스가 없어도 바로 오브젝트를 만들 수 있다!) * obj1.hasJob = true; delete obj1.hasJob 이렇게 바로바로 아무거나 추가, 삭제가 가능 (자바스크립트가 동적언어라서!) -const obj2 = new Object(); 이렇게 클래스로 만들 수도 있음 =object constructor *자바스크립트는 runtime에 데이터타입 결정되는 동적인 언어 computed properties ellie.hasJob = true; consol..

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map Map - JavaScript | MDN The Map object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value. developer.mozilla.org 완전 중요 사이트 { } 안에 -> 그 안에서만 가능 {} 없고 그냥 밖에 -> 글로벌! 어디서든 가능 변수선언 var(never use it) ->선언하기도 ..

*style 속성 값으로는 css 가 와야함 onclick 의 값은 자바스크립트 와야함 .. 기본적으로 html 위에서 작동하는 언어 웹페이지에서 바로 자바스크립트 실행 가능 -> 콘솔 창에서 하면 댐 데이터타입 number, string, boolean javascript html helloworld 1+1 -> 1+1이 출력 (정적임) 버튼 -onclick = 이벤트. 저 이벤트가 발생하면 저렇게 한다 on어쩌구 = 이벤트 !! 이걸 이용해서 사용자와 상호작용 하는 것! (이벤트 = 사용자가 한 행동 같은거. 사용자의 행위.) 여기선 이러캐함 ㅋ css는 이럼 ㅋ 조건문 boolean - true, false === 이게 같다 조건연산자 === * 출력할 때는 $lt; = < (less tha..

* 기본 html 코드 (디자인을 원함 !) 웹이 태어난 직후에 HTML에는 디자인을 위한 코드가 대거 추가됩니다. 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시킵니다. 이를 극복하기 위해서 웹을 만드는 사람들은 디지털 정보의 세계를 완전히 바꿔놓을 기술을 궁리하기 시작하는데... 일단 웹페이지내용이중요하니까 일단 코드에 정보들만 담고, style태그에 디자인에 대한걸 다 넣는다 그러기위해 css가 등장했도다 *cascading : 순차적으로 정의해논스타일로 내려감 .. 1. author style : 개발자가 정의하는거 (=css file) 2. user style : 사용자가 지정 ex 다크모드 .. 3. browser : 브라우저상에서 기본적으로 지정된 스타일 이 순서로 ..

1. 웹 호스팅 (대행해주는거) 2. 웹 서버 내가 설치해서 열기 -> 1. 웹 호스팅 - 깃허브 이용 ^_^ 웹호스팅해주는곳매우많으니 중요한것은 검색능력!!

웹 여는 법 사파리에서 커맨드 o -> 파일선택 -> 열어용 doctype html> html studying Heading 1 Heading 2 click me *mdn html - element reference https://developer.mozilla.org/en-US/docs/Web/HTML/Element 여러 태그들 다 볼 수 있다 *이상한거 이상한 태그 같은거 써도 대충 웹이 알아서 보여줌. 알아서 똑똑하게 회복함 ! -> 내가 유효한 태그를 다 썻는지 궁금하다면 validator 웹사이트가서 확인해보면 됨 ! (direct input -> 복붙해서 바로 검사 가능) * https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_t..