[WEB] UI vs API UI : User Interface API : Application Programming Interface ex. 버튼을 누르면 경고창이 뜨는 웹 - 경고창은 어떻게 만들어 진걸까? : 웹 브라우저를 만드는 사람들이 우리 대신에 경고창을 미리 만들어 놓았다가 우리가 alert이라는 함수를 실행하면, 자바스크립트에 사용 설명서를 통해서 약속한 것 우리는 그 약속을 믿고 alert을 통해 경고창을 실행시킴 - alert => API 이다. [React] Front-End 2019.08.17
[WEB] JavaScript : 객체 / js파일쪼개기 / 라이브러리와 프레임워크 객체 - 객체는 정리정돈의 수단 - 많아진 코드를 잘 정리하기 위해서 => 함수를 씀 - 함수와 함수와 연관된 변수들이 많아지면 같은 이름으로 그룹핑해서 잘 정리정돈 하기위한 도구 => 객체 - 배열은 정보를 담는 그릇이면서 순서대로 정보가 저장됨 - 객체는 이름이 있는 정리정돈 상자 - 객체에 속해 있는 함수 == 메소드(method) - 객체에 속해 있는 변수 == 프로퍼티(property) JS파일 추가 JS파일로 쪼개는 것이 효율적이고 시간도 돈도 적게 드는 방법임 - 웹페이지를 로드할 떄 js, html, 2번 로그인 해야한다 - 웹서버 입장에서 나쁜 일 => 접속은 적을 수록 좋아서 - 그럼에도 불구하게 이렇게 파일을 쪼개는 것이 훨씬 좋음 - WHY? 캐시 때문에. - 한번 웹 브라우저에 다.. [React] Front-End 2019.08.03
[WEB] CSS기초 / JavaScript 리팩토링, 배열, 반복문, 함수,객체 자바스크립트 간략 소개 - 웹페이지도 동적으로 사용자와 상호작용하길 바랬다. => 자바스크립트가 태어남 - HTML을 이용해서 웹을 만든 후에 => 자바스크립트를 사용해서 상호작용할 수 있게 만듬 - HTML이 정보라는 멈춰 있는 이미지를 그려놓은 것이라면, 자바스크립트는 그 그림을 움직이게 하는 역할 => 자바스크립트는 사용자와 상호작용하는 언어 => 자바스크립트는 HTML을 제어하는 언어 목표 - 문법을 배워 나가는 것이 아니라, 기능을 구현하는 과정에서 문법을 익히는 것 자바 스크립트가 올 것이다. => 자바스크립트 이벤트 검색 방법 Google: javascript keydown event attribute 자바스크립트 데이터 타입 TypeResult Undefined "undefined" Nul.. [React] Front-End 2019.07.31
[WEB] 서버와 클라이언트 / 웹서버와 HTTP / 웹서버와 웹브라우저의 통신 인터넷 - WEB - FTP - EMAIL 서버와 클라이언트 -Web Browser(Web Client/Game Client/Chatting Client) 와 Webserver(Game Server/Chatting Server)가 설치되어 있는 컴퓨터 2대가 서로 정보를 주고받는다. -Web Broweser -> Web Server에 Request -Web Browser Hyper Text Transfer Protocol : 웹 페이지를 웹브라우저와 웹서버가 서로 주고받기위한 약속이 HTTP file://는 웹브라우저가 직접 파일을 여는것 - 서로 다른 컴퓨터에 있는 웹브라우저와 웹서버가 통신하기 위해서는 반드시 HTTP를 사용해야한다. 웹서버와 웹브라우저의 통신 - 웹브라우저가 웹서버에 요청할 때는 웹.. [React] Front-End 2019.07.30