자바과정/자바스크립트14 바닐라 자바스크립트 시작(3) 더보기 출처 및 참고 : - 노마드 코더 챌린지 바닐라 자바스크립트로 크롬 앱 만들기 : https://nomadcoders.co/ - HTML Document Reference : https://developer.mozilla.org/ko/ 복습 차원 * 꼭 이해해야 할 거 : 우리가 하고 있는 app.js가 있기 때문에 javascript를 통해 HTML의 내용을 가져올 수 있는 것이다 * 좀더 구체적인 엘리먼트를 선택 : querySelector , querySelectorAll - getElement ~~ 보다 구체적으로 element를 지정 가능하다. * 포인트 : document가 HTML이 app.js를 load하기 때문에 존재하는 것임. 그 다음에 브라우저에서 우리가 document에 접근.. 2021. 9. 23. 바닐라 자바스크립트 시작 (2) 더보기 본 글은 노마드 코더 챌린지 하기 전 기본내용에 대한 자료를 바탕으로 썼습니다. 출처 및 참고 : https://nomadcoders.co/vanillajs-challenge 조건문 (Conditional) 조건문(conditional)은 true인지 false인지 알려주기 때문에 아주 중요하다 무언가를 확인해야할 때 거의 대부분 사용한다. - 사용자가 로그인되어 있으면 무언가를 보여준다던가 - 사용자가 무언가를 할 때 반응하는 것을 보여준다던가 prompt() : 사용자에게 창을 띄울 수 있게 해준다. - 조건문을 사용한 함수라고 보면 된다. * prompt 함수가 실행되면 자바스크립트 전체가 일시적으로 정지된다고 한다. Document에 대해 - console.dir(document) 로 do.. 2021. 9. 8. 바닐라 자바스크립트 시작 더보기 출처 및 참고 : - https://eunyoe.tistory.com/46 - https://nomadcoders.co/c/vanillajs-challenge/lobby 바닐라 자바스크립트란? - 자바 스크립트에서 플러그인이나, 라이브러리를 사용하지 않은 순수 자바스크립트라고 한다. - 바닐라 = 일반을 의미한다고 한다. ( vanilla-js.com/ ) - 바닐라는 아무것도 다운받지 않아도 되는 장점이 있다. * 브라우저안에 있는 자바스크립트를 활용한다 * socket.io로 채팅, 실시간 기능들을 가능하게 하기도 함 - 이렇듯 자바스크립트는 브라우저의 console을 이용한다 (자바스크립트는 브라우저에 이미 설치되어 있음) - 브라우저는 HTML을 열고, HTML은 CSS와 자바스크립트를 가.. 2021. 9. 7. API 간단 설명과 카카오 API 사용 방법 - API 란 ? : velog.io/@won-developer/API-%EB%9E%80 - 웹 API에 대하여 : html5dev.tistory.com/616 * 웹 API와 웹서비스 API(Application Programming Interface)란, 응용프로그램(또는 앱)과 시스템 사이 경계를 가르키는 용어이다. 개발자가 보면 API는 함수나 클래스 사양이다. 웹 API가 생각하는 시스템 - 웹 API가 생각하는 시스템은 웹 서비스이다. 웹서비스와 앱간의 HTTP 호출규약이 웹 API임. 즉, 요청측의 URL 정의, 쿼리파라미터명 응답의 포멧정의등이 있다. > 웹 서비스와 웹앱 : 여기서는 HTTP 요청과 응답에 형식적인 규약이 있으면 웹 서비스이고 없으면 웹앱이라고 함. 먼저 카카오 아이디로 .. 2021. 3. 4. 이전 1 2 3 4 다음
