Frank의 공부 일지

분산버전관리시스템 git vs git hub git은 소스 코드를 관리할 수 있는 툴이고 git hub은 클라우드 서비스 git으로 관리하고 있는 코드들은 git hub에 올린 다음에 git hub에서 많은 사람들과 공유도 하고 수정도 할 수 있게 해준다. git init - git 저장소 생성 git status - git 상태 확인 Working Directory Staging Area Git repository(local) Git repository(remote) -> -> -> git add git commit git push .gitignore 하면 저장소에서 입력한 폴더는 없어지게 되는데 git add 하기 전에 해야 한다. 안전하게 git hub에 통신하려면 SSH(Secure Shell)을..

HyperText의 Hyper는 컴퓨터 용어로서 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 이것은 HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능을 하이퍼링크라고 한다. HTML link는 hyperlink를 의미하며 a tag가 그 역할을 한다. 1. href 속성 이동하고자 하는 파일의 파일 시스템 상에서 특정 파일의 위치를 값으로 받는다. 사용 가능한 값은 아래와 같다 1) 절대 URL - 웹사이트 URL 2) 상대 URL - 자신의 위치를 기준으로한 대상의..

HTML 콘텐츠의 대부분은 텍스트로 구성된다. 1. 제목 태그 h1~h6까지 있으며 h1이 가장 중요한 제목을 의미하고 글자의 크기도 가장 크다. 시맨틱 웹의 의미를 살려서 제목 이외에는 사용하지 않는 것이 좋다. 2. 글자 형태 태그 1) b - bold체 지정 2) strong - b와 동일하게 bold체 지정 하지만 중요한 의미를 갖는다. 웹표준을 준수하고자 하면 strong 사용하는 것이 바람직 3) i - Italic체 지정 4) em - emphasize text 지정 i tag와 동일하게 Italic체로 표현. 중요한 의미를 갖는다. 5) small - small text를 지정 6) mark - highlighted text를 지정 7) del - deleted text 지정 글자 앞에 -..

1. 문서 형식 정의 태그 html5 - 2. HTML 태그 html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재 3. head 태그 head 요소는 메타데이터(데이터의 데이터)를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재 head 요소에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시킬 수 없다. 4. title 태그 문서의 제목을 정의, 정의된 제목은 브라우저의 탭에 표시된다. 5. style 태그 HTML 문서를 위한 style 정보를 정의(color 등) 6. link 태그 외부 리소스와의 연계 정보를 정의. 주로 HTML과 외부 CSS 파일을 연계에 사용된다. 예)

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

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

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..

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

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

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