본문 바로가기

javascript57

[자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 [먼저 보면 좋은 게시글]- [자바스크립트] 객체- http://jinbroing.tistory.com/54- [자바스크립트] 객체 #2 - http://jinbroing.tistory.com/55- [자바스크립트] 짧게짧게 개념정리① - http://jinbroing.tistory.com/112 (실행컨텍스트부터 보기) [객체란 무엇인가]- 객체란 변수들과 그와 관련된 메서드들이 모여서 이룬 하나의 꾸러미- 객체는 상태와 행동을 가짐, 즉 프로퍼티, 메서드를 가지고 있음- 추상적인 객체라는 틀을 통해 생성된 실체적인(실제로 만들어진) 특정 객체를 인스턴스라 함- 붕어빵을 찍는 틀이 추상적인 의미의 객체, 만들어진 각각의 붕어빵을 인스턴스(실체적 특정 객체)라 함- 인스턴스들은 인스턴스 프로퍼티값, 메서.. 2017. 5. 11.
[자바스크립트] 짧게짧게 개념정리① [먼저보면 좋은 게시글]- [프로그래밍기초] 컴퓨터는 명령을 내부적으로 어떻게 처리하는가 : http://jinbroing.tistory.com/109- [자바스크립트] 카테고리 글 [짧게 개념정리]- 변수 선언 : var로 선언해야함, 메모리에 올린다는 것, 메모리의 주소를 저장함. 무분별한 선언 === 메모리 누수- 변수 종류 : 전역, 지역, 지역 선언의 경우 - 호이스팅 : 변수 선언과 값 할당을 구분, 선언부를 최상단으로 끌어올리고 undefined 임의할당, 함수가 실행되면서 값 할당- undefined : 변수 선언만 되었고, 값이 할당되지않은 상태, undefined가 자동 할당됨- 스코프 : 함수 단위의 유효범위1) 함수 내에 정의된 변수, 함수는 함수 내에서 사용, 함수가 정의되는 시점.. 2017. 5. 8.
[프로그래밍기초] 절차지향 객체지향 프로그래밍 [프로그래밍이란 무엇인가]- 컴퓨터의 하드웨어를 제어하거나 하드웨어를 활용해 연산하기위해 명령을 내리는 것- C, C++, Java, Ruby, Python 등 프로그래밍에 사용되는 언어를 프로그래밍 언어라 함 [절차지향 프로그래밍이란 무엇인가]- 절차에 맞춰 순서대로 나열하는 프로그래밍 기법을 말함 - 예를 들면 아래와 같음 : 음료수 자판기 프로그래밍(음료수 자판기만)1) 동전을 넣는다2) 음료 버튼 응답을 받고, 넣은 동전과 가격을 비교해봄(초과, 동일, 미만)3) 동일할 경우 음료수 배출(동일한 경우만 나타냄) - 단일 종류만 필요한 경우, 복잡한 절차가 필요한 경우가 아니면 절차지향 프로그래밍 언어를 통해 프로그래밍- 절차가 길어지고 복잡해지면 코드를 한 눈에 알아보기가 힘듬- 일부분을 고치려고.. 2017. 5. 6.
[프로그래밍기초] 컴퓨터는 명령을 내부적으로 어떻게 처리하는가 [왜 알아야하나]- 메모리 관리 메모리 관리 말을 하는데 왜 필요한지 정확하게 알기위해 공부하기- 비전공자로서 내부적으로 어떻게 돌아가는지 알면 더 도움이 될 것 같기에 공부하기- 중요하지않다고 그냥 지나쳤던 것들이 중요한 순간이 오더라구... 그 순간이 바로 지금! 그래서 공부하기 [컴퓨터는 어떻게 이루어져있는가]- 크게 보자면 하드웨어와 소프트웨어로 이루어져있음- 하드웨어는 컴퓨터시스템의 물리적 부품을 뜻함(위키백과 하드웨어 설명 중)- 소프트웨어는 명령어나 입력을 통해 하드웨어에 명령을 하고, 그에 따른 처리를 하도록 만듬 [우리는 소프트웨어를 만드는 개발자]- 소프트웨어 개발자는 소프트웨어를 만듬- 웹 어플리케이션, 모바일 어플리케이션 등이 해당됨- 기능만 잘 만드는 개발자가 아니라 효율적으로 개.. 2017. 5. 4.
[웹기본개념] 스크립트 언어, JIT 컴파일이란 [스크립트 언어란]- 컴파일 언어의 경우 수정이 빈번하다면 매번 컴파일(실행전 기계어 코드로, 자바는 바이트코드 형태 중간언어로 변환 후 해석, 실행함 - JVM) 해야함- 수정이 빈번한 때에는 실행할 때 코드를 한줄 한줄 읽어 대응하는 기계어 코드를 바로 실행하는 인터프리터 언어가 유리함- 스크립트 언어는 위에서 언급한 단점을 극복하기위해 나온 언어임 [대표적인 스크립트 언어]- javascript- actionscript- php- ruby- python [스크립트 언어의 특징]- 일반적으로 새로운 프로그램을 만들기보다 기존에 만들어진 프로그램에서 제어를 하기위해 사용됨- 프로그램 내에서 스크립트 언어 구동을 위해 지원함- 웹브라우저에서 구동이 지원되는 자바스크립트, 플래시를 제어하기위한 액션스크립트.. 2017. 5. 4.
[웹기본개념] 마크업, 마크다운, DOM 생성 [마크업 언어란] - 문서에 부가적인 정보를 표시하기위해 고안된 언어- 정보 표시 방법 : 태그(여는태그 ~ 닫는 태그)- 태그를 통해 문서 구조, 정보를 나타냄 그리고 데이터 구조를 나타내기도 함- HTML(태그를 통해 문서 구조 및 정보), XML(태그를 통해 데이터 구조)이 마크업 언어의 일종 [마크다운이란]- 일반 텍스트 문서 양식을 편집하는 문법- 마크다운으로 편집한 문서는 쉽게 HTML 등 다른 문서 파일로 변환 가능함- 보통 README 파일이나 온라인문서, 일반 텍스트 편집기로 문서 양식을 편집할 때 많이 사용함- 마크다운 문법 참고 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4 [DOM 생성 및 API 활용]- .. 2017. 4. 29.
[웹기본개념] REST 친숙해지기 [목표]- REST REST하는데 REST가 정확하게 무엇을 뜻하는지 알아보기 [먼저 보면 좋은 게시글]- HTTP 그리고 REST API 다가가기 : http://jinbroing.tistory.com/96- URL / URI / REST API : http://jinbroing.tistory.com/68- 브라우저 동작원리 : http://jinbroing.tistory.com/86 [REST란 무엇인가]- HTTP 설계의 우수성을 최대한 활용하기위한 아키텍처- REpresentational State Transfer의 줄임말- REpresentational : 어떤 리소스의 특정 시점 상태를 반영하고 있는 정보, State : 웹어플리케이션의 상태, Transfer : 전송- 웹어플리케이션이란? 웹.. 2017. 4. 28.
[자바스크립트] 빌트인객체(2) js 전역객체와 기본제공 객체 [먼저 봐야하는 게시글]- 빌트인객체(1) 브라우저와 웹페이지를 위한 객체 : http://jinbroing.tistory.com/101 [전역객체란]- 전역객체 : (클라이언트 사이드 : window), (서버사이드(nodejs) : global) / 모든 객체의 유일한 최상위객체- 브라우저 화면 뿐만 아니라, 코드 상의 자바스크립트를 다룰 수 있는 최상위 객체, 그래서 루트 객체라함- 전역객체의 자식 객체로 기본적으로 제공하는 객체(빌트인 객체)도 프로퍼티로 포함됨- BOM에서의 window와 전역객체인 window 같음 - constructor가 없음 === new 키워드를 통해 새롭게 생성할 수 없음(유일한 객체)- document와 같은 widnow 하위 객체를 통해 제어를 할 때 window는.. 2017. 4. 25.
[자바스크립트] 빌트인객체(1) - 브라우저와 웹페이지를 위한 객체 [먼저 보면 좋은 게시글]- DOM : http://jinbroing.tistory.com/90 , http://jinbroing.tistory.com/86 [빌트인객체란]- 자바스크립트 내장 객체를 말함- 개발자가 모든 기능을 구현하지않고, 편하게 개발할 수 있도록 자바스크립트에서 기본적으로 제공하는 객체- 자료형 객체 관련 메서드를 제공함(Standard Builtin Object - String, Array 등)- 웹페이지 제어 및 동작을 추가하기위한 공통의 기능을 제공함(Native Object - BOM, DOM)- 반대로는 호스트 객체(Host Object)가 있는데, 호스트 객체란 개발자가 만들어내는 객체임 [브라우저와 웹페이지를 위한 객체]- 빌드인객체 중 브라우저와 웹페이지 제어 및 동작.. 2017. 4. 25.
[자바스크립트] Ajax 통신 [목표]- 모던웹 구현에 필요한 Ajax 개념알기- Ajax 직접 구현해보는 것 마음먹기 [먼저 보면 좋은 게시글]1) HTTP 프로토콜 자세히 알기 : http://jinbroing.tistory.com/962) 싱글쓰레드 자바스크립트 엔진은 비동기처리를 어떻게 하는가 : http://jinbroing.tistory.com/98 [Ajax란]- 자바스크립트를 이용해서 비동기적으로 브라우저와 서버가 데이터를 주고 받는 방식을 말함- 새로운 언어나 프레임워크, 라이브러리가 아님, 네트워크 통신 방식을 말함- Asynchronous Javascript and XML : 자바스크립트로 비동기 통신을 하고, XML 형식으로 데이터 리턴을 받는다는 뜻- XML 데이터보다 JSON 데이터 포멧을 훨씬 더 많이 사용.. 2017. 4. 22.

티스토리툴바