본문 바로가기
관리자

분류 전체보기

(991)
Javascript / API, Server 기초 개념 1. Server Server는 프로그램의 사용자(Client)가 요청하는/요청할 데이터를 저장하고, 송·수신 하는 역할을 하는 것이다. 보통, Client는 서버에게 HTTP(URL) 형식으로 데이터를 요청하고 서버는 text, HTML, JSON 등의 형태로 Client의 요청에 응답해주게 된다. 단순히 데이터 요청, 응답만 하는 것이 아니라 client가 server에 데이터를 게시(post)할 수도 있다. 우리가 흔히 작성하는 Blog 등도 이런 방식으로 server와 통신한다고 생각하면 된다. HTTP 요청은 fetch API를 통해 할 수 있다. Javascript를 통한 날씨 정보 요청 예제를 살펴보자. 날씨 정보가 있는 날씨 API는 대표적인 사이트로 openweathermap.org에서 ..
2020-08-23 (일) 57일차 보호되어 있는 글입니다.
2020-08-22 (토) 56일차 보호되어 있는 글입니다.
Javascript / 비동기 호출의 개념, 타이머 API 기본 1. 비동기 호출(Asynchronous Call) 비동기 호출이란, 음식점에서의 주문 시스템에 비유해서 설명될 수 있다. 고객에게 주문을 받고(A) - 음식을 만들고(B) - 음식을 대접하는(C) 과정이 필요하다면, 고객 1명의 요청마다 A, B, C 과정을 차례대로 처리하여 과정을 완료하고 그 다음 고객의 주문을 받지는 않는다. 고객에게 주문을 받고, 요리가 만들어지는 동안에 또 다른 고객의 주문을 받게된다. 프로그램에서도 이와 마찬가지로, 하나의 함수(프로그램)이 실행되는 도중에 다른 프로그램이 동작하도록 호출하는 것을 비동기호출 이라고 한다. 정확한 이해를 위해서는 컴퓨터의 작동 구조와 프로세스(스레드)의 이해가 필요하지만, 여기서는 개념만 짚고 넘어가도록 한다. *동기, 비동기식 처리 모델( 출..
Javascript / DOM / template tag template tag는 javascript로 html의 element를 만들 때, 반복되는 구조를 쉽게 만들기 위한 도구이다. tag로 html 문서 내부에 내용을 작성하면 html 페이지 상에서는 보이지 않지만, javascript에서 활용하여 element를 만들면 그제서야 html 문서에 표현되게 된다. 아래와 같이 표현하여 template을 활용할 수 있다. document.importNode(template tag 선택자.content, true) template을 만들고, template 안의 내용을 .textContent를 이용하여 바꿔준다는 개념이다. 아래 예시를 보자. -HTML 1 2 3 4 5 6 7 8 9 ID PW Email Colored by Color Scripter ..
Javascript / Array / forEach, Every, Some 1. forEach method forEach method는 for 구문과 같이 배열의 인자를 순서대로 불러와서 특정 작업(callback 함수 내용)을 실행한다. for 구문에 있는 초기화, 조건식, 증감문 등이 없으므로 깔끔하게 작성이 가능하다. return이 없는 형태로, 모든 배열 요소에 대해 실행한 결과를 함수 안에서 표현만 가능하다. 배열.forEach(callback(인자, index, 배열)) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 const arr = [1, 2, 3, 4, 5]; arr.forEach(function(element, index, array){ console.log(`${array}의 ${index}번째 요소 : ${element}`); }); //결과..
2020-08-21 (금) 55일차 보호되어 있는 글입니다.
2020-08-20 (목) 54일차 보호되어 있는 글입니다.