성빈

목차 함수형 프로그래밍 함수 : 1급 객체와 고차 함수 함수형 프로그래밍 특징 명령형 프로그래밍과 선언적 프로그래밍 비교 불변성 순수함수 데이터 변환 고차 함수 함수 함수 연산자를 적용하여 평가할 수 있는 모든 호출 가능한 표현식을 의미 함수의 역할 1. 작업/ 연산 결과의 반환 2. 내/외부 데이터 변경 1급 객체 고차 함수(high order function) 매개변수로 전달 가능 반환 값으로 전달 가능 → 함수를 매개변수로 받거나, 함수를 결과로 반환하는 함수 1급 객체 (first class object) 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체 일반적인 데이터와 마찬가지로 취급한다. 1급 객체(first class citizen)의 요건 변수 또는 데이터 구조에 할당 가능..

목차 객체와 배열 구조분해 할당 객체 리터럴 스프레드 연산자 비동기 자바스크립트 클래스 객체와 배열 ES2016부터 객체와 배열을 다루는 방법과 객체와 배열 안에서 변수의 영역을 제한하는 방법을 다양하게 제공하기 시작했다. 이런 기능으로는 구조 분해, 객체 리터럴 개선, 스프레드 연산자 등이 있다. 구조분해 할당 구조 분해(destructuring ) 객체 안의 필드, 배열을 구성하는 원소를 변수에 쉽게 대입할 수 있도록 활용 객체의 속성과 변수의 이름이 같다면, 구조분해 할당이 가능하다. 두 변수를 변경해도 원래의 필드 값이 비뀌지는 않는다. sandwich.bread, sandwich.meat 와 같이 나타내도 기존 객체를 참조하게 되지만, 매법 객체를 써서 나타내기 힘들다. ● 객체의 구조분해 할당..

목차 변수 선언 const let 템플릿 문자열 함수 만들기 함수 선언과 함수 표현식 (호이스팅) 디폴트 파라미터 화살표 함수 화살표 함수와 this 1. 변수 선언 ES2015 전에는 var를 사용하는 것이 변수를 선언하는 유일한 방법이었다. 이제는 더 나은 기능을 제공하는 몇 가지 변수 선언 방법이 추가됐다. const 키워드 상수를 정의할 때 사용한다. 상수의 특징 1. 선언과 동시에 초기화를 해야한다. 2. 값을 변경할 수 없다. ● 변수 선언 : var 값을 변경해도, 문제 없이 그대로 출력 ● 상수 선언: const 상수에 값을 재설정하는 것은 불가능하다. 상수 값을 변경하게 되면 오류가 발생한다. let 키워드 변수의 영역을 코드 블록 안으로 한정시킬 수 있다. 중괄호 ({ }) 로 나타내는..

React ● 사용자 인터페이스 UI를 만들기 위한 JavaScript 라이브러리 ● Facebook (Meta) 에서 만든 오픈소스 프로젝트 ● MVC 애플리케이션의 View에 관련된 영역만 담당 ● 컴포넌트 기반 라이브러리 (재사용성) ● Virtual DOM 사용 참고. MVC 구조와 리액트 ● 소프트웨어 디자인 패턴 중 하나 ● Model + View + Controller 로 구성 - Model : 데이터를 관리하는 영역 - View : 사용자에게 보이는 부분 (사용자 인터페이스 영역) Model로 부터 데이터를 가져와 의미있는 데이터 모델을 표현하는 영역 - Controller : 모델 데이터를 조회, 수정 / 변경된 사항을 View에 반영 ● React는 View에 관련된 영역만 처리 (다른..

목표 자바가 제공하는 다양한 연산자를 학습하세요. 학습할 것 산술 연산자 비트 연산자 관계 연산자 논리 연산자 instanceof assignment(=) operator 화살표(->) 연산자 3항 연산자 연산자 우선 순위 (optional) Java 13. switch 연산자 산술 연산자 사칙연산을 다루는 연산자 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%) 피연산자에 대한 연산 int형 타입보다 범위가 작은 데이터 연산 시, int형으로 변환 후 연산을 한다. ex) byte＋int → int＋int = int int형 타입보다 큰 범위의 데이터가 있다면, int형 보다 큰 타입이 반환 후 연산을 한다. ex) int＋long → long＋long = long 피연산자 중에 실수..

보호되어 있는 글입니다.

자바스크립트로 HTML 콘텐츠 출력 자바스크립트 코드로 HTML 콘텐츠를 웹 페이지에 직접 삽입하여 바로 브라우저 윈도우에 출력되게 할 수 있다. 이때 document.write()이나 document.writeln()을 사용한다. 자바스크립트 다이얼로그 : 사용자 입력 및 메세지 출력 1. 프롬프트 다이얼로그, promt("메세지", "디폴트 입력값") prompt() 함수 ● 다이얼로그를 출력하고 사용자로부터 문자열을 입력받아 리턴한다. ● '메세지'와 '디폴트 입력값'을 출력하며 '디폴트 입력값'은 생략 가능하다. ● prompt() 함수는 사용자가 입력한 문자열을 리턴하지만, 아무 값도 입력되지 않았으면 ""를, 취소 버튼이나 강제로 다이얼로그를 닫은 경우 null을 리턴한다. 2. 확인 다이얼로..

웹 폼과 폼 요소 웹 폼(webform) 웹 페이지를 통해 사용자 입력을 받는 폼 로그인, 등록, 검색, 예약, 쇼핑 등의 다양한 웹 서비스에서 사용자의 입력을 받기 위해 사용된다. 폼 요소 폼을 만들기 위한 다양한 태그들 , , .. 폼 태그 ... ... 여러 개의 폼 요소 작성 ▪ name : 폼의 이름을 지정하는 속성으로 자바스크립트에서 사용된다. ▪ action : 폼 데이터를 처리할 웹 서버 응용프로그램을 지정한다. ▪ method : 폼 데이터를 웹 서버로 전송하는 형식을 지시한다. ▪ target : 웹 서버 응용프로그램으로부터 전송받은 데이터(HTML 문서나 이미지)를 출력할 윈도우 이름 폼 요소의 종류

HTML5 문서의 구조 페이지나 섹션의 머리말을 표현하는 태그 보통 머리말에는 페이지 제목, 페이지를 소개하는 간단한 설명이 들어간다. navigation의 줄임말로 하이퍼링크들을 모아 놓은 특별한 섹션이다. 페이지의 모든 하이퍼링크가 이곳에 있을 필요는 없다. 페이지 내 목차를 만들기 위해 주로 사용된다. 문서의 장 혹은 절을 구성하는 역할 본문과 연관되어 있지만, 독립적인 콘텐츠를 담는 영역이다. 이 본문의 필수적인 내용을 담는다면, 은 웹 페이지의 본질을 훼손하지 않는 내용들을 담는 데 주로 사용된다. 보조적인 기사, 블로그 포스트, 댓글이나 기타 독립적인 내용을 담는 영역으로 사용하면 된다. 웹 페이지 본문 흐름에서 약간 벗어난 노트나 팁, 신문, 잡지에서 주요 기사 옆에 짤막하게 곁들이는 관련 ..

디자인 패턴 ● 디자인 패턴이란? 소프트웨어를 설계할 때 자주 발생하는 문제들에 대한 "재사용 가능한 해결책" ● 디자인 패턴의 이점 - 경험이 많은 소프트웨어 엔지니어들의 이 같은 해법을 재사용 - 공통 언어 역할을 하게 되어, 경험 많은 이들이 이 공통의 언어를 이용하면 그렇지 않을 경우보다 좀 더 효율적으로 협동 작업 가능하다. - 불필요한 논쟁 시간 줄일 수 있다. ● GoF(Gang of Four) Design Patterns : Elements of Reusable Object-Oriented Software 에릭 감마(Erich Gamma), 리차드 헬름(Richard Helm), 존 블리자이드(John Vlissides), 랄프 존슨(Ralph Johnson) ● GoF 설계패턴 1) 생성..