Javascript 66

2. 시맨틱 요소와 검색 엔진

대부분의 인터넷 사용자는 원하는 정보를 취득하기 위해 Google, Naver, Daum과 같은 검색사이트를 이용한다. 고로 웹사이트는 검색엔진에서의 노출이 매우 중요하다. 검색엔진은 로봇이라는 프로그램을 이용해 매일 전세계의 웹사이트 정보를 수집한다(->이것을 크롤링이라 하며 검색엔진의 크롤러가 이를 수행) 그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)를 만들어준다.(-> 이것을 인덱싱이라 하며 검색엔진의 인덱서가 이를 수행) 인덱스를 생성할 때 사용되는 정보는 검색 로봇이 수집한 정보인데 결국 웹사이트의 HTML 코드이다. 즉 검색 엔진은 HTML 코드 만으로 그 의미를 인지하여야 되는데 이때 시맨틱 요소를 해석한다 이 2행은 모두 Hello W..

Javascript/HTML5 2020.04.29

1. HTML5 기본 문법

HYML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. -> 자세히 말하면 웹페이지의 내용과 구조를 담당하는 언어로 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5는 2014년 10월 28일 확정된 차세대 웹 표준으로 아래와 같은 기능들이 추가되었다. 멀티미디어, 그래픽, 통신, 디바이스 접근(하드웨어 기능을 직접적으로 제어할 수 있다), 오프라인 및 저장소(오프라인 상태에서도 애플리케이션을 동작시킬 수 있다), 시맨틱 태그(HTML 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명할 수 있다 -> 이를 통해 HTML 요소의 의미를 명확히 해석하고 그 데이터를 활용할 수 있는 시..

Javascript/HTML5 2020.04.29

[Sequelize] Sequelize로 postgresql 다루기

1. ORM - 프로그램 상의 객체와 DB의 테이블이 일대일 대응하는 관계를 맺는 것 -> 를 이용하면 query가 아닌 메서드로서 데이터를 조작할 수 있다 -> 여러 DB(postgresql, mysql, sqlite 등)에서 사용 가능 2. Sequelize - Node.js의 대표적인 ORM, Promise문법(비동기 코드를 깔끔하게 작성하도록 도와주는 JS문법)을 사용 npm install sequelize postgres 3. Sequelize-cli - Sequelize를 조금 더 효율적으로 사용하기 위해서 몇 개의 폴더와 파일을 생성 npm install sequelize postgres sequelize init -> 이 명령어를 실행하면 폴더와 파일이 생성된다. 1) config/conf..

Javascript/Node.js 2020.03.30

[JavaScript] 객체지향

객체지향 프로그래밍 교육과정은 1. 문법 2. 설계 - 추상화 능력이 필요로 된다 부품화 - 객체를 하나의 부품처럼 사용 은닉화, 캡슐화 - 내부의 동작 방법을 객체에 숨기고 사용방법만을 노출 인터페이스 - 부품과 부품을 서로 교환할 수 있어야 한다 객체 - 서로 연관된 변수와 함수를 그룹화 var Person = {} Person.name = 'egoing' // 속성 Person.introduce = function(){} // 메소드 생성자 - 객체를 만드는 역할을 하는 함수 var p = new Person(); new - 새로운 객체를 만든 후 이를 리턴 전역 객체 func(); window.func(); // 모든 전역변수와 함수는 사실 windows 객체의 속성이다. 둘 모두 함수 호출 시 ..

Javascript/Node.js 2020.02.23

[JavaScript] 함수지향

함수는 자바스크립트의 가장 중요한 속성이다 유효범위는 범수의 수명을 의미하는데 var vscope = 'global'; // 전역변수 function fscope(){ var vscope = 'local'; -> 지역변수 값을 바꾸고 vscope = 'local'; -> 전역변수 값을 바꾼다 전역변수를 사용하려면 하나의 객체를 전역변수로 만들고 객체의 속성으로 변수를 관리해야 한다 var a = {} a.calculator = { } -> 전역변수 사용 안하려면 익명함수를 호출하면 된다 (function(){ } 자바스크립트는 함수에 대한 유효범위만을 제공한다 for(var i =0; i

Javascript/Node.js 2020.02.23

[JavaScript] 자바스크립트 기본

데이터베이스 다음으로 배울 것은 자바스크립트라는 언어인데 웹에서 많이 사용되는 중요한 언어이다. Dep2play에서 개발에 필요한 언어이어서 공부를 시작하게 됐다. 크게는 기초(문법), 프런트 기초(jQuery 등), 백엔드 기초(Node.js)를 배울 것이고 기초에 대해서 먼저 공부를 시작하게 됐다. 자바 언어를 배웠기 때문에 내가 아는 부분은 간단하게 보거나 넘어갈 것 같다. 자바스크립트 - 웹 브라우저 위에서 동작하는 언어이고 웹브라우저라는 형태의 소프트웨어들을 프로그래밍적으로 제어하기 위한 언어이며 웹프로그래밍 하려면 사실상 필수이다. 최근에 node.js라는 서버측 자바스크립트가 각광받고 있고 MongoDB와 같은 친 자바스크립트 데이터베이스를 사용하면 클라이언트부터 서버 그리고 데이터베이스까지..

Javascript/Node.js 2020.02.22