Ellen's Web Note

컴포넌트(component)란? * 재사용을 위한 특정 부분(기능)의 코드뭉치(모듈)의 단위 이미지와 같은 레이아웃을 생성할 때 일정관리(헤더) 컴포넌트, 검색 컴포넌트, 일정역역 컴포넌트, 각 일정(input 라인) 컴포넌트 총 4개의 컴포넌트로 구성됨. 컴포넌트 선언방식 1. 함수형 1. 클래스형 컴포넌트보다 선언이 쉬움. 2. 클래스형 컴포넌트보다 메모리가 가벼움. 3. 빌드했을 때 배포 파일이 클래스형 컴포넌트보다 작음. 4. React Hooks가 도입되면서 함수형에서도 state와 라이프사이클 사용이 가능해짐. 2. 클래스형 1. state기능 및 라이프사이클 기능을 사용할 수 있음. 2. 임의의 메서드를 정의할 수 있음. 3. render()함수가 꼭 있어야 하고, 그 안에서 JSX를 반환해..

script 모듈 이전의 브라우저에서는 모듈의 개념이 없어서 브라우저에서는 필요한 모듈들을 네트워크를 통해 비동기적으로 다운로드 받고 나서야 사용이 가능했다. 코드를 작성할때에도 파일의 선언 순서에 따라 충돌이 발생할 수도 있기 때문에 주의가 필요했다. ES6 Module 2015년 JavaScript의 표준 모듈 시스템이 명세되었으나 일부 구버전 브라우저(IE)에서는 모듈이 나눠진 스크립트를 실행하지 못하여 스크립트를 처리하는 별도의 라이브러리가 필요. 번들러(bundler) 번들러는 파일(모듈)들을 하나로 만들어서 브라우저에서 실행 가능한 환경을 만들어주는 도구. (런타임에 모듈을 가져오는 모듈 로더에 반해 빌드 시 모듈을 묶어버리기 때문에 추가적인 로드가 필요 없음) 번들러 도구 : webpack,..

리액트 프로젝트 만들기 yarn create react-app 'project_name' npm create-react-app 'project_name' 디렉터리 구조 node_modules - Node.js 기본 도구 모음 - npm, yarn으로 설치한 패키지 파일 모음. public - 실제 화면에 보여지는 파일 - Index.html : 화면에 출력되는 HTML : jsx에서 리턴한 가상 DOM을 에 추가해서 실행. - manifest.json : 앱의 홈화면에 보여지는 아이콘, 이름 등을 설정 - Robots.txt : 사이트맵 설정 src - React를 구현할 폴더 - Index.js : 프로젝트 실행 시 제일 처음 접근하는 파일. 경로(route) 설정 - App.js : 프로젝트 실행 시..

/* Date : * Source : * Author :*/ class Hello{ //클래스 public static void main(String[] args){ //메서드System.out.println("hello!");}} 자바 구현의 기본 폼 입니다. [주석]주석처리 방법은 C언어와 동일합니다.// 한줄 주석처리/* 여러 줄 주석처리 */ 주석처리를 하는 경우는 폼과 같이 코드 전체에 대한 설명이 필요할 때 여러 줄 주석처리, 코드의 부분에 대한 설명이 필요할 때에는 한줄 주석처리를 하는 경우가 가장 많습니다. [클래스]자바에서 소스의 구분은 클래스 파일로 나누어 집니다.자동차를 만든다고 가정할 때 자동차의 각 부분(핸들부분, 페달부분, 기어부분 등) 을 클래스로 나누게되요. [메서드]메서드는..

Step.1 주석주석은 코딩안에서 프로그램 빌드 시 읽히지 않는 부분으로프로그램 안에 설명이나 메모를 위해 작성하는 부분입니다.//한줄 주석//특정 부분의 코드에 설명이 필요 할 경우 /* 여러 줄 주석코드 전체에 대한 설계나 설명이 필요 한 경우*/ Step.2 헤더파일(#include)# : "전처리기" 프로그램을 시작할 때 가장 먼저 처리되는 부분#include 는 파일이 동작할 때 헤더파일 stdio.h를 가장먼저 읽으라는 의미입니다.헤더파일 stdio.h는 C프로그램 자체에 이미 생성되어 있는 헤더파일로 standard input output이라는 의미이고이 헤더파일도 프로그래머가 작성하여 프로그램에 사용할 수 있는데 그럴 때에는 #include"file.h"로 사용합니다. Step.3 main..

C, C#, C++ 등 개발에 사용할 수 있는 개발 툴입니다. 여기서는 C를 기준으로 소개합니다. 일단 프로젝트 하나를 생성시켜 봅시다. 처음 실행시켰을 때 화면이죠왼쪽 시작 밑에 새 프로젝트 선택 새 프로젝트 창이 열렸습니다.왼쪽의 [Visual C++] → [일반] → 가운데 칸의 [win32 콜솔 응용] → 이름작성 후 확인 위와 같은 화면이 나올 때 까지 다음을 선택하고 위 화면에서 [콘솔 응용 프로그램] [빈 프로젝트] 선택한 후 마침 화면이 넘어갔네요.오른쪽을 보면 생성한 TestC프로젝트의 파일 리스트가 있습니다.[소스파일]에서 마우스 오른쪽 → [추가] → [새 항목] 을 선택 [새항목 추가] 창이 뜨면 C++을 선택여기서 C 소스파일을 만들기 위해서는 파일 이름에 "파일명.c" 로 파일을..