NOW OR NEVER

Kotlin 기초 코틀린 문법, 특성 파라미터 이름 뒤 그 파라미터 타입 작성 여러가지 표준 자바 라이브러리 함수를 간결하게 사용할 수 있게 감싼 wrapper 제공 ex) Sysmtem.out.println -> println 자바와 다른 점 함수를 최상위 수준에 정의 가능 : 자바와 달리 클래스 안에 함수를 정의 할 필요 X 배열 처리를 위한 문법이 존재X 세미콜론을 붙이지 않아도 된다. 시작문(statement)과 식(expression) 식: 값을 만들어 내며 다른 식의 하위 요소로 계산에 참여 가능 문: 자신을 둘러싸고 있는 가장 안쪽 블록의 최상위 요소로 존재하며 아무런 값을 만들어내지 않는다 자바에서는 모든 제어구조가 문이며 코틀린에서는 루프를 제외한 대부분의 제어 구조가 식 ex) 코틀린에..

변수(variable) 컴퓨터 프로그램은 데이터와 그 데이터를 처리하는 알고리즘으로 구성 됨 변수는 데이터를 저장하기 위한 공간 실제 데이터는 컴퓨처 메모리에 저장 됨 무엇을 담기 위한 상자 변수는 이름 존재 명확한 이름은 그 변수에 어떤 데이터가 들어 있는 지 쉽게 파악할 수 있게 함 변수의 선언 이 변수를 사용할 것이다 선언 변수를 사용하기 위해 이름 붙인 공간 확보 하는 것 선언 방법 : 자료형 변수이름; 변수에 갑을 대입 대입 연산자 "="을 사용하여 변수에 값을 저장 대입 방법 : 변수이름 = 변수에 저장할 값; 변수 선언 및 초기화 변수 선언과 동시에 값을 저장하여 초기화 선언 및 초기화 방법 : 자료형 변수이름 = 변수에 저장할 값; 많이 사용하는 방법 변수 값의 사용 변수의 이름으로 변수에..

자바 기초 문법 요소 클래스 클래스는 자바 프로그램의 기본단위 자바 프로그램은 한 개 이상의 클래스로 구성 일반적으로 1개의 클래스는 1개의 자바 파일 파일 명과 클래스 명이 동일해야 함 클래스 명은 대문자로 시작 클래스와 객체 자바는 객체지향(object oriented)언어 객체지향 언어 객체는 사물 또는 우리가 상상할 수 있는 개념 사물: 자동차, 프린터, 컴퓨터, 자전거 등 우리가 상상할 수 있는 개념 : 옵션, 강사, 학생, 블로그 글, 회원 등 객체는 속성과 행동을 갖고 있음 클래스는 객체를 만들기 위한 틀 또는 템블릿 ex) 자동차(객체)를 만들기 위한 자동차 설계도(클래스) 클래스를 실제로 실행시켜 메모리에 올린 것을 객체라 한다. 클래스는 속성(데이터)과 행동(메소드)으로 나뉘어진다. 메..

MarkDown 쉽고 빠르게 작성할 수 있는 문법 html로 변환되서 실질적으로 적용 문서의 구조를 만드는 개념으로 꾸미는 개념은 아니다. 장점과 단점 장점 html 문법보다 간단하고 쉬움 확장자가 md 파일을 가지고 문법을 작성하고 이 파일 하나만 관리해도 특정 글들을 쉽게 관리 굉장히 많은 곳에서 활용 됨, 지원되는 환경이 많다 단점 표준화된 문법이 없어 지원되는 환경에서 해석되는 방법이 다를 수 있다. html 문법으로 변환해서 적용되게 되는데 모든 html 태그들을 대신할 순 없다.(마크다운은 문서의 내용을 집중하기 위한 언어이므로) 문법 제목 Header # 제목1 h1 제목1 === ## 제목2 h2 제목2 ------ ### 제목3 h3 #### 제목4 h4 ##### 제목5 h5 #####..

리액트 입문 리액트가 만들어진 이유 Javascript를 사용한 DOM 변형 DOM : 각 html element 정보를 지니고 있는 JS 객체 Ember, Backbone, AngularJS 등의 프레임워크는 작동방식이 다르지만 자바스크립트 특정 값이 바뀌면 특정 DOM 속성도 바뀌어서 업데이트 하는 작업을 간소화해주는 방식으로 웹개발의 어려움을 해결해줌 리액트는 어떠한 상태가 바뀌었을 때 DOM을 어떻게 바꿀지 규칙을 정하는 것이 아니라 아예 다 날려버리고 처음부터 모든 걸 새로 만들어 보여주면 어떨까라는 아이디어에서 시작된 라이브러리이다. 그러면 업데이트를 어떻게 해야할 지를 전혀 고민할 필요가 없어지기 때문에 개발이 정말 쉬워질 것이다. 리액트는 Virtual DOM을 사용해 성능은 유지하되 업데..

Javascript Promise 프로미스 자바스크립트에서 비동기를 처리하기 위해서 가장 기본이 되는 개념 async와 await를 배우기 위해 알아야하는 개념 프로그램에서 간단한 코드가 순차적으로 한 줄 한 줄 실행된다면 어렵지 않다. 하지만 자바스크립트에서 함수를 호출했는데 그함수가 시작되고 끝나는 동안에도 프로그램은 계속 진행되어야 할 때가 많다. 이럴 때 Promise를 사용하면 비동기적 상황에서 코드를 좀 더 명확하게 표현하고 실행하도록 만들 수 있다. Promise 개체 혹은 Promise 객체로 불림 ES6부터 자바스크립트의 표준 내장 객체로 추가됨 ES6를 지원하는 브라우저나 Node.js에서 전역에 있는 Promise 확인 가능 프로미스 객체 생성 방법 - 1. 생성자(new Promis..

SASS/SCSS 문법 함수(functions) @mixin과 굉장히 유사하지만 차이점 존재 @mixin은 믹스인 이름을 정의하고 믹스인 안에서 처리될 매개변수를 정의하고 그 매개 변수는 스타일 안에서 사용할 수 있다. 믹스인 안에 특정 스타일을 정의해서 사용하는 개념 @function은 믹스인처럼 함수이름을 먼저 정의하고 매개변수가 특정한 값을 받아서 @function 내부에서 처리하게 됨 @mixin과 다른 점 : 믹스인은 내부에서 처리되는 것이 어떠한 스타일(속성:값;)이다. 속성:값; 세트로 이루어진 전체적인 스타일을 재활용하기 위해 사용하는 개념이 믹스인이다. @function이 처리하는 것은 결과적으로 특정한 값이다. @function은 스타일이 아닌 특정한 값을 재활용하기 위한 개념이다. 항..

Grid item 함수 grid에서 사용하는 주요 함수 인수: 함수의 괄호 안에 들어가는 것, 함수에 들어가는 일종의 데이터 1. repeat( ) 함수 행과 열의 크기 정의를 반복할 때 사용 반복하는 횟수를 첫번째 인수로 활용하고 행과 열의 크기 정의를 두번째 인수로 사용 두번째 인수에 반복패턴 입력 가능 선의 이름도 정의 가능 fr 단위 사용 가능 grid-template-rows와 grid-template-columns에서 사용 grid-template : grid-template-rows 정의 / grid-template-columns 정의; ex) grid-template : repeat(2, [row-start] 200px [row-end] / repeat(3, [col-start] 100px..

복합 선택자 - 앞쪽은 조건이고 뒷부분이 선택되는 개념 1. 일치 선택자(basic conbinator) - 기본 선택자 중 하나와 기본 선택자 중 하나를 동시에 만족하는 요소 선택자 - 기본 선택자 하나와 기본 선택자 하나가 붙여서 사용 - 선택자 첫번째와 두번째 선택자의 조건 다 만족하는 것을 찾는다 - 태그.클래스별명 { } -> 태그이면서 클래스 별명값이 있는 것을 찾아야 함 2. 자식 선택자(child combinator) - 부모와 자식요소는 상대적 - 부모를 기준으로 특정한 자식요소를 찾는 선택자 - 기준(부모)선택자 > 자식요소의 선택자 - >는 자식선택자를 지칭 - 기본선택자 > 은 조건 - > 뒤에 있는 기본 선택자는 검색 - 태그 > .클래스별명 ->태그의 자식이면서 클래스별명 값을 ..