이진욱의코딩

이번 시간에는 함수의 사용법과 배열에 대해서 알아보도록 하겠습니다. 함수에서는 매개변수 즉, 전달 인자를 통해서 동작하는데요. 예시를 먼저 보시죠 function myinfo(name,area){ document.write(name+"이 사는 곳은"+area+" 입니다." + " "); } myinfo("이진욱,"대구"); 이런 식으로 name과 area라는 매개변수를 만든 뒤에 대입을 해서 코드를 적으시면 됩니다. 자연스럽게 사용을 하기 위해서 여러 번 사용해보시면 됩니다. 예를 들어 2019년은 기해년입니다. 를 출력해봅시다. function datt(aa,adat){ console.log(aa+ "년은 " +adat+ " 입니다."); } datt(aa,adat); 이제 함수의 우선순위에 대해 알아..

이번 시간에는 여러 가지 연산(+, -, *, /,%)을 하는 법과 비교 연산자, 논리 연산자, 함수에 대해 알아봅시다. 자바스크립트를 이용해서 여러 가지 연산을 할 수 있습니다. 덧셈, 뺄셈, 곱셈, 나눗셈을 비롯해서 나머지도 구할 수 있습니다. var a = 3, b = 5; console.log(a+b); console.log(a-b); console.log(a*b); console.log(a/b); console.log(a&b); 이렇게 console.log()를 이용해서 연산을 할 수 있습니다. var n = 1; console.log(++n); console.log(n++); 변수 n의 값에 하나하나 증감을 시킬 수 있는 증감 연산도 가능합니다. 피연산자가 하나이면 단항 연산자라고 하고 두 개..

이번 시간부터 한 달 동안은 자바스크립트에 대해 공부한 내용을 포스팅하도록 하겠습니다. 웹페이지를 구축함에 있어 각각의 역할이 있다. HTML은 문서의 구조와 내용을 구축하고, CSS는 문서를 스타일시트를 조작해 꾸미게 된다. 현재는 웹페이지가 단순히 문서를 읽는 것을 벗어나 액션이나 동적인 느낌을 표현하는 경우가 대부분이다. 이때 동적인 부분을 담당하는 역할을 자바스크립트(JS)가 맡고 있다. 우선 자바스크립트의 핵심 개념과 특징에 대해서 말씀드리겠습니다. §. 자바스크립트의 핵심 개념 1. 객체 기본 데이터 타입 boolean, number, string, null, undefined를 제외한 나머지는 객체이다. 2. 함수 일반적인 객체보다 더 많은 기능이 있는 객체. 3. 프로토타입 모든 객체는 숨..

이번 시간에는 동기와 비동기 그리고 콜백에 대해서 알아보도록 하겠습니다. 우선 동기와 비동기에 대해 알아보겠습니다. Node.js에서 매우 중요한 특징인 비동기 처리방식을 살펴보겠습니다. 이번 내용은 Node.js의 실행 순서를 파악하는 것이 목적입니다. syntax라는 폴더안에 sync.js와 sample.txt 파일을 만들겠습니다. 먼저 fs라는 모듈을 불러와서 fs라는 변수에 넣도록 하겠습니다. var fs = require('fs'); 그리고 sample.txt라는 파일을 만들어서 텍스트를 넣은상태로 저장합니다. 내용은 apple이라고만 적어두겠습니다. 그리고 filesync 부터 해보도록 하겠습니다. 외부에서 불러들일 생각이기 때문에 외부 파일의 위치를 적어주고 utf-8을 적어줍시다. 코드입니..

이번 시간부터는 node.js를 설치해서 사용하는 방법에 대해 포스팅하겠습니다. 우선 node.js를 설치부터 합니다. 제가 지금 컴퓨터가 window10이기 때문에 window10을 기준으로 설명드리겠습니다. 설치방법은 간단합니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이사이트에 접속을 해서 다운로드하시면 됩니다. 사이트에 접속하시면 첫화면이 이렇게 되어있을 거예요. 좌측은 최신 버전이지만 개발 공부를 목적으로는 굳이 최신 버전을 설치할 필요가 없습니다. 안정성면에서 아직 다듬어지지 않았기 때문이죠. 따라서 예제를 위해서는 좌측에 있는 ..

저번 시간까지 우리의 ajax를 이용해서 리로드 없이 정보를 부분적으로 변경할 수 있게 되었습니다만, 사용자가 자신이 보고 있는 정보를 다른 사람에게 공유할 수는 없게 되었습니다. 이런 문제를 개선하는 방법을 알아보겠습니다. 우리는 fragment identifier를 이용해서 초기페이지 구현과 적용방법에 대해 알아볼 예정입니다. 사용자가 들어와서 하나하나 내비게이션을 해서 정보를 보는 것뿐만 아니라 주소가 페이지별로 달라지는 것을 통해서 주소를 공유할 수 있는 측면이 있지만 여러 가지 한계가 있습니다. 이 부분에 대해 원시적인 접근방법과 근본적인 해결방법을 살펴보겠습니다. 우선 원시적 방법부터 살펴보도록 하죠 만약 3 문단의 장문의 글이 존재할 때 사용자가 마지막 3번째 문단에 접근하고 싶을 때 url..