개발자노트

컴포넌트 - 컴포넌트(Component)란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미한다. - 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발 할 수 있다. - 또한 화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시 사용하기가 훨씬 편리하다. 모든 사람들이 정해진 방식대로 컴포넌트를 등록하거나 사용하게 되므로 남이 작성한 코드를 직관적으로 이해할 수 있다. - 내비게이션 바(navigation bar), 테이블(table), 리스트(list), 인풋 박스(input box) 등과 같은 화면 구성 요소들을 잘게 쪼개어 컴포넌트로 관리한다. (p.51 그림참고) - 컴포넌트 간의 관계는 뷰에서 화면을 구성하는 데 매우 중요한 역할을..

라이프 사이클 단계를 크게 나누면 1. 인스턴스의 생성 2. 생성된 인스턴스를 화면에 부착 3. 화면에 부착된 인스턴스의 내용이 갱신 4. 인스턴스가 제거되는 소멸 위와 같이 4단계로 이루어진다. 그리고 각 단계 사이에 사이클 속성 created, mounted, updated 등이 실행된다. beforeCreated - 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이클 단계 - data 속성과 methods 속성이 아직 인스턴스에 정의되어 있지 않고, 곰과 같은 화면 요소에도 접근할 수 없다. created - beforeCreated 라이프 사이클 단계 ㄷ음에 실행되는 단계 - data 속성과 methods 속성이 정의 되었기 때문에 this.data 또는 this.fetchData()와..

뷰 인스턴스의 정의와 속성 - 뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스 생성 - Hello Vue! 텍스트를 화면에 표시하기 위해 new Vue()로 뷰 인스턴스를 생성 - 인스턴스 안에 el 속성으로 뷰 인스턴스가 그려질 지점을 지정 - data 속성에 message 값을 정의하여 화면의 {{message}}에 연결 뷰 인스턴스 생성자 - new Vue()로 인스턴스를 생성할 때, Vue를 생성자라고 한다. - Vue 생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수 있다. - 생성자를 사용하는 이유는 뷰로 개발할 때 필요한 기능들을 생성자에 미리 정의해 놓고, 사용자가 그 기능을 재정의하여 편리하게 사용하도록 하기 위함이다. * ..

Vue.js - Vue.js(이하 '뷰'로 약칭)는 웹 페이지 화면을 개발하기 위한 프런트엔트 프레임워크이다. ( * 프레임워크 : 개발자들의 개발 생산성을 높이기 위해 일정한 툴과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구) - 기존 HTML, CSS, 자바스크립트 기초만 아는 웹 개발 입문자 및 컴퓨터 비전공자들도 배우기 쉽게 만들어졌다. - 뷰는 화면단 라이브러리이자 프레임워크라고도 볼 수 있다. ( * 라이브러리 : 자주 사용되는 기능들을 모아 재활용 할 수 있도록 정리한 기술 모음집 ) - 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공된다. 즉, 라이브러리 역할 뿐..

- 스프링 개발을 위한 개발환경 세팅 1. 개발 환경 버전 1). 이클립스 IDE 2020-12 2). 스프링 - 4.3.9 3). 자바 - 1.8 4). 톰캣 - 8.5 5). 오라클 19c 2. 이클립스 - 스프링 프레임워크 설치 - 이클립스 실행 - Help - Eclipse MarketPlace - 검색창에 sts 입력후 엔터 - Spring Tools 3 Add-On for Spring Tools 4 3.9.17 RELEASE 선택후 install - 이클립스 재실행 3. 스프링 프로젝트 생성 - Project Explorer에 마우스 가져가고 우클릭 - New -> Other -> 입력창에 spring 입력 -> Spring Legacy Project 선택 - Project Name 입력 - ..

1. JDK 다운로드 - http://www.oracle.com/technetwork/java/index.html - 사용자 os에 맞는 버전을 선택 후 다운로드 2. JDK 설치 - 설치 파일 실행 후 설치 경로 지정 - 계속 진행 후 JRE까지 설치 진행 - 설치완료 후 Finish 버튼 클릭 3. JDK 설정 - 제어판 > 시스템 > 고급 시스템 설정 - 팝업 상단의 '고급' 탭 클릭 후 하단의 '환경변수' 클릭 - 환경변수 화면에서 'Path' 선택 후, '편집' 버튼을 클릭 - 기존의 Path의 변수 값 마지막에 ' ;c:\jdk1.6\bin '을 추가 한 다음 '확인' 버튼 클릭 (JDK 설치장소의 \bin 경로까지 Path에 추가한다.) ** 위 처럼 Path를 지정해 주어야 javac.ex..

1. J2EE (Java 2 Enterprise Edition) - 기업환경에서 서버 측 프로그램을 개발할 때 사용하는 개발 도구 - DB 연동, JSP(서버 스크립트 언어), EJB(Enterprise Java Beans)를 쉽게 사용 가능하다. 2. J2SE (Java 2 Standard Edition) - 표준 판 자바라고 불리는 자바의 기본 개발환경 - 모든 운영체제에서 사용할 수 있고 그래픽, 네트워크의 기능도 있다. 3. J2ME (Java2 Micro Edition) - 휴대폰이나 PDA와 같은 임베디드와 관련된 프로그램을 개발할 때 사용 - 메모리 관리에는 최적화되어 있지만 전원 처리, 장치 간의 입출력 기능 등 은 제한적으로 제공된다.

1. JDK : Java Development Kit - 자바 개발을 위한 도구 (kit) - 자바 컴파일러(Javac), 자바가상머신(JVM), 각종 Java Library등을 포함하고 있다. - 자바 개발을 위한 필수 도구(Kit) - JDK는 JRE를 포함하고 있다.(JDK 설치시 JRE도 설치) 2. JRE : Java Run Evironment - 자바실행환경을 의미 - Java 파일 실행을 위한 환경이며 JVM이 실행되도록 도와주는 역할 수행 - 만약 자바 개발이 필요없고 실행만을 원한다면 JRE만 설치하고 Java파일을 실행한다. 3. JVM : Java Virtual Machine - 사용자가 Java 파일을 생성한 후, JDK의 컴파일을 거쳐 바이트코드(*.class)가 되어 JVM을 거..

JAVA : 객체지향 프로그래밍 언어 (OOP : Object-Oriented Programming) 객체지향 : 현실세계를 프로그램적으로 정의한 것 - 객체 = 현실에서 특성을 가진 사물의 프로그램적 모델화 - 클래스 = 객체 + 메서드 - 인스턴스 = 메모리에 로딩된 클래스 프로그래밍 언어 : 사람과 컴퓨터의 의사소통 수단이 되는 언어

https://www.codingfactory.net/10534 CSS / 반응형 레이아웃 만들기 반응형 웹디자인 웹사이트의 레이아웃을 만들 때 방문자가 사용하는 모니터의 화면 해상도를 고려해야 합니다. 너무 크게 가로폭을 만들면 작은 해상도의 모니터로 접속했을 때 가로 스크롤이 www.codingfactory.net 참고