본문 바로가기

프로그래밍

 (97)
[Kotlin 요약 정리] 3. 데이터 타입 3. 데이터 타입 1) 기본 - 코틀린에서는 기초 타입이 없고 모든 타입이 객체 형태이다. - 타입 클래스에 정의된 기초 함수와 프로퍼티를 사용할 수 있다. - Any는 코틀린의 최상위 클래스이기 때문에 어떤 타입의 데이터도 대입할 수 있다. - 타입 종류: Int, Double, Float, Long, Short, Byte, Char, Boolean, String, Any, Unit, Nothing 2) 숫자 타입 - Number 클래스의 서브클래스: Int(32), Long(64), Float(32), Double(64), Short(16), Byte(8) - 자동 형 변환을 제공하지 않는다. - Decimals, Hexadecimals, Binaries 값 대입 가능 - Long 형은 값 뒤에 'L..
[Kotlin 요약 정리] 2. 변수와 함수 2. 변수와 함수 1) 변수 선언 및 초기화 - 선언 형식: val(var) 변수명 [: 타입] = 값 - val: 값 변경 불가 / var: 값 변경 가능 ex) val num: Int = 10 - 타입이 생략되어도 타입 추론을 통해 자동 지정된다. - 최상위 레벨 혹은 클래스의 멤버 변수는 선언과 동시에 초기화를 해주어야 한다. 함수 내 지역변수는 선언 후 초기화가 가능하다. - 타입에 ?를 추가해서 null을 허용하지 않는 한 null값은 허용되지 않는다. ex) val num: Int? = null - 코틀린에서의 변수는 getter와 setter를 가진 프로퍼티이다. 따라서 val로 선언했더라도 get 함수를 통해 다른 값을 받을 수 있다. 항상 초기값만 반환하는 변수를 만들고 싶을 때는 con..
[Kotlin 요약 정리] 1. 코틀린 기본 1. 코틀린 기본 1) 코틀린 파일 정의 - 자바와 달리 코틀린 파일(.kt)에는 클래스가 반드시 선언될 필요가 없다. 파일명과 클래스 이름을 다르게 지정해도 된다. - 기본적으로 package, import, class(variable, method)로 구성되기도 하지만 package, variable, function으로 구성될 수도 있는 등 파일 구성요소에 대한 규칙이 없다. - 클래스로 선언되지 않은 변수와 함수는 최상위 레벨로 관리해서 전역 변수(함수)처럼 취급한다. 따라서 클래스와 같이 다른 파일 혹은 패키지에서 import를 통해 사용 가능하다. 2) 패키지 - 패키지: 관련된 클래스들을 묶기 위한 물리적인 개념 - 파일 내에서 패키지 선언 시 반드시 파일 구조와 같은 경로를 선언할 필요는 ..
[React 요약 정리] 4. React 컴포넌트 라이프사이클 이벤트 4. React 컴포넌트 라이프사이클 이벤트1) 개요- React는 라이프사이클 이벤트를 기반으로 컴포넌트 동작 제어, 사용자 정의 가능- 모든 React 컴포넌트는 라이프사이클 이벤트가 존재- 종류마운팅 이벤트: React 엘리먼트를 DOM 노드에 추가 시 발생갱신 이벤트: React 엘리먼트 갱신 시 발생언마운팅 이벤트: React 엘리먼트를 DOM에서 제거 시 발생 2) 이벤트 종류- 마운팅componentWillMount(): DOM 삽입 전 실행 // 라이프 사이클 중 1회만 실행componentDidMount(): DOM 렌더링 완료 후 실행 // Fetch API의 XHR요청 작성 가능 - 갱신componentWillReceiveProps(nextProps): 컴포넌트가 속성을 전달받기 직전..
[React 요약 정리] 3. JSX 3. JSX1) JSX 개요- JSX: 함수 호출과 객체 생성을 위한 문법적 편의를 제공- 장점: 뛰어난 표현력, 생산성 향상, 코드량 감소, 문법 오류 감소 2) JSX 사용- 사용 예시ReactDOM.render(React.createElement('h1', null, 'Hello world!'), document.getElementById('content'))↓↓ JSX로 작성시 ↓↓ReactDOM.render(Hello world!,document.getElementById('content')) - JSX 문법으로 작성한 객체도 변수에 저장 가능let hw = Hello world!ReactDOM.render(hw, document.getElementById('content')) 3) React ..
[React 요약 정리] 2. React 기초 2. React 기초1) 용어- 엘리먼트: 컴포넌트의 인스턴스, 컴포넌트 클래스 2) 특징- React 엘리먼트를 에 직접 렌더링하지 않는다.(충돌 위험)- 경고와 오류 메시지가 제공 3) React.createElement 메소드- 엘리먼트 생성 메소드- 전달하는 매개변수의 제한 없음- React.createElement(elementName, data, child)elementName: 태그명 or 컴포넌트 클래스 객체data: 속성 or 상위 컴포넌트에서 받는 값child: 자식 엘리먼트 or 태그 내부에 작성하는 텍스트 - 예시React.createElement('h1', null, 'Hello world!') - 코드 간소화React.DOM.h1(null, 'Hello world!) - 코드 간..
[React 요약 정리] 1. React 개요 1. React 개요1) React란?- React: UI 컴포넌트 라이브러리*UI 컴포넌트 라이브러리: 매우 독립적이며 특정 관심사에 집중된 기능 블록- 효율적인 프론트 엔드 개발을 위한 새로운 방식 제시- 페이스북, 넷플릭스, 에어비앤비 등의 기업에서 React 활용- 공식 웹사이트 설명: '변화하는 데이터를 다루는 거대한 어플리케이션 개발'의 문제 해결 2) React의 장점- 단순한 앱 개발선언형 스타일: 명령형 스타일에 비해 코드에 대한 이해도와 가독성 증가, UI 요소를 선언형 스타일로 작성한 후 뷰에 변경이 발생하는 경우 React가 스스로 갱신*예시var arr=[1,2,3,4,5], arr2=arr.map((v, i)=> v*2)console.log(arr2);결과 => (5) [2, 4..
[Node.js 요약 정리] 2. Node.js를 위한 기본 자바 스크립트 2. Node.js를 위한 기본 자바 스크립트 1) const, let - var: 함수 스코프로 변수 선언(값 대입 가능) - let: 블록 스코프로 변수 선언(값 대입 가능) - const: 블록 스코프로 변수 선언(값 대입 불가) - 기본적으로 const를 사용하고 다른 값을 대입해야할 경우에는 let 사용 - 호이스팅과 같은 문제 해결 및 수월한 코드관리가 가능 2) 템플릿 문자열 - 백틱(`)을 사용해서 문자열 내 스크립트 코드 사용 가능 - 사용 방법: `일반 문자열${스크립트 코드}일반 문자열` - 예시 let name='james'; let hello=`hello ${name}`; console.log(hello); 출력 결과: hello james 3) 객체 리터럴 - 객체 대입시 변수명..

티스토리툴바