본문 바로가기

Dev.

 (341)
2. 자바스크립트 자료형 / 원시데이터형 Chapter 2. 자바스크립트의 자료형원시타입 리터럴(literal)표현이 있다. 소스 코드에서 고정된 값을 표현할 때 사용한다. 다른 언어의 원시 자료형과 비슷하지만, 자바스크립트는 모든 값을 객체처럼 다루므로 원시 자료형에도 프로퍼티와 메소드가 존재하는 것처럼 보인다. (null, undefined 제외) 숫자NumberNumber 객체를 이용하여 숫자를 나타낼 수 있다. Number 객체는 원시 타입의 숫자를 객체로 만들기 위한 래퍼(wrapper)다. (그리고 숫자 리터럴을 이용하여 나타낼 수 있다.) Infinity앞에서 본 최대 숫자를 벗어나는 숫자를 표현하기 위해 Infinity라는 값이 정의되어 있다. 0으로 나누면 Infinity가 반환된다. 최소값을 벗어나는 숫자를 표현하기 위해서 -..
1. 자바스크립트의 기본 개념, 프로그램 실행절차 / JavaScript as language Chapter 1. 자바스크립트의 기본 Concept, 프로그램 실행절차자바스크립트는 절차 지향적, 객체 지향적, 함수 지향적 특징을 모두 지원한다. 객체 지향 언어도 클래스 기반과 프로토타입 기반으로 나뉘게 되는데, 자바스크립트는 프로토타입 기반의 객체지향 프로그래밍을 지원한다.(ECMA2016이 발표되면서 클래스라는 개념이 생겨났지만 기본적으로 프로토타입 기반이다.)객체의 원형(프로토타입)을 이용해 객체를 만들고 상속도 프로토타입으로 한다. 자바스크립트에서 프로토타입을 정의할 때는 함수를 이용한다. Data type?Primitive Data type은 5가지!원시데이터타입으로 숫자, 문자열, 불린 그리고 null, undefined 5가지를 정의하고 있다. 그리고 자바스크립트에서는 모든 종류의 숫자..
4. Pseudo Class 와 Pseudo Element 활용하기 Chapter 4. Pseudo Class와 Pseudo Element 활용하기가상 요소만 잘 알고 활용해도, 인터랙티브한 웹 페이지를 구성할 수 있다.Pseudo Class Pseudo Class는 단순한 선택자(simple selector)로는 표현할 수 없는 어떤 것을 select하는 선택자이다. 특정한 상태말고 규칙에 따라 상태가 바뀌는 요소를 선택할 때 사용하는 것이다. 종류 Dynamic pseudo-class :hover :visited :link :active :focus 위 네 개는 anchor tag(a태그)와 함께 자주 쓰인다. 그리고 focus tag는 input tag와 함께 쓰인다. UI element states pseudo-class :enabled :disabled :che..
[Tip] Font Awesome 활용하기! Font Awesome 활용하기!위 sample에서 아래 방향 화살표가 Font-Awesome을 활용한 아이콘이다. >>Font-Awesome 페이지로 이동하기>> 활용하는 방법은 간단하다.위 예제의 코드를 살펴보면 쉽게 이해할 수 있다. i tag를 보면 class가 지정되있는 것을 볼 수 있다.Font-Awesome 페이지에 있는 아이콘들 중 마음에 드는 아이콘을 클릭하면,그 아이콘에 해당하는 class가 나온다.그 클래스를 복사, 붙여넣기 해주면 된다! 물론,여기에 추가적으로 해야할 사항이 한 가지 더 있다.HTML파일을 읽어들일 때, i class = " " 에 해당하는 클래스가 무엇을 가리키는지 알아야 하기 때문에, 태그에 추가로 삽입해야할 코드가 있다. 혹시 뭔가가 잘 되지 않는다면 Font-..
#객체지향적 설계 원칙 - 이론을 통해 알아보는 객체지향 #객체지향적 설계 원칙 SOLID *SRP (Single Responsibility Principle) : 단일 책임 원칙 OCP (Open-Closed Principle) : 개방-폐쇄 원칙 LSP (Liskov Substitution Principle) : 리스코프 치환 원칙 ISP (Interface Segregation Principle) : 인터페이스 분리 원칙 DIP (Dependency Inversion Principle) : 의존 역전 원칙 단일 책임 원칙 클래스는 단 한 개의 책임을 가져야 한다. 클래스를 변경하는 이유는 단 한개이어야 한다. 단일 책임 원칙을 지키지 않았을 때, 한 책임의 구현 변경에 의해 다른 책임과 관련된 코드가 변경될 가능성이 높다. 개방-폐쇄 원칙 확장에는 열려 ..
2. Servlet 과 JSP에 대한 기본적인 이해 Things 2. Servlet과 JSP에 대한 기본적인 이해 JSP의 장점 / Servlet의 장점 그리고 이것의 활용 JSP는 HTML 중심의 코드 구조이므로 디자인 작업에 바로 사용할 수 있다. 그리고 그 일이 끝나면 다시 프로그램 로직을 고칠 수도 있다. 하지만 프로그램 로직이 복잡할 경우 자바 코드의 논리적 구조를 알아보기가 힘들다. 또한 소스코드가 공개되어 사용자가 소스 코드를 건드려 손상시킬 위험이 존재한다. Servlet은 복잡한 프로그램 로직 구현에 적합하다. 컴파일 결과만 설치해도 되므로 소스 코드를 보호할 수도 있다. 하지만 HTML문서 디자인이 바뀔 때마다 서블릿 클래스를 수정/컴파일/설치해야 하고, 웹 서버를 재가동하는 일을 되풀이해야 한다. 그러므로 프로그램의 복잡한 로직을 구사..
1. MVC 아키텍쳐에 대한 이해 Things 1. MVC 아키텍쳐에 대한 이해떠도는 여러 이미지들과 책에 나온 구성도를 내 나름대로 재구성해보았다. MVC에 대한 기본 개념은 모두 동일하기 때문에 Servlet과 JSP를 기준으로 설명하여 보다 덜 추상적이도록 정리했다. 이렇게 M과 V와 C가 나뉘어 서버를 구성하는 모델을 모델 2라고 한다. 2라고 하면 1도 당연히 존재한다. 모델 1과 모델 2의 차이는 이 포스팅에서 하지 않겠다. 하지만 궁금한 사람은 박재성 교수님이 정말 오래전에 포스팅하신 내용을 링크해둘테니, 들어가서 살펴보면 되겠다.>>모델 1과 모델 2의 차이 MVC의 각 컴포넌트의 역할 Controller(컨트롤러)일종의 조정자라고 할 수 있다. 클라이언트의 요청을 받았을 때, 그 요청에 대해 실제 업무를 수행하는 모델 컴..
0. 자바 웹 개발 워크북으로 Servlet과 JSP 공부 Servlet 과 JSP를 공부하는데 있어서,교재를 선택하는데 많은 어려움을 겪었다.그러는 도중 Spring Framework 를 공부하기 전에, Servlet 과 JSP의 필요에 따른 발전과정을 살펴볼 수 있고, 실습 위주이며, 백엔드 개발의 사이클을 한 바퀴 돌 수 있는 좋은 책을 발견하였다.이 책 또한 자바지기 교수님께서 추천해주신 책이다. 책이 상당히 두껍다.이 책으로 스터디를 진행하게 되었고, 일주일마다 한 번씩 자바지기 교수님의 피드백을 받기로 하였다.스터디는 실습위주로 진행되며, 구체적인 내부 작동 원리보다는,웹 애플리케이션 서버가 이렇게 작동하는구나를 깨닫는 것에 초점을 두고 진행하였다. 이 책의 목차와는 상관없이, Servlet과 JSP 그리고 이어서 myBatis 에 대한 학습과정을 포..

티스토리툴바