전체 글
-
자바스크립트 ES6 문법 정리 - 템플릿 문자열개인 공부/JavaScript 2021. 4. 25. 16:32
기존 자바스크립트에서는 병합 연산자(+)를 사용해서 문자열과 변수를 연결했다. ES6에서는 코드의 가독성을 더욱 높이기 위해 템플릿 문자열을 도입했다. // 템플릿 문자열 사용 예시 var string1 = '안녕하세요'; var string2 = '반갑습니다'; var greeting = `${string1} ${string2}`; var operator1 = `연산 결과는 ${a * b}입니다.`; 템플릿 문자열의 특징 작은 따옴표가 아니라 백틱으로 문자열을 표현한다. ${} 안에 변수를 넣는다. enter를 눌러서 줄을 바꾸는 것도 가능하다. 따라서 \n을 사용하지 않아도 된다. $ 기호 안에 연산을 포함할 수 있다.
-
관계 데이터 모델 정리학교 공부/데이터베이스 2021. 4. 12. 23:09
기본적인 용어 정리 릴레이션(relation) : 2차원의 테이블(표 자체를 말하는 것) 레코드(record) : 릴레이션의 각 행 투플(tuple) : 레코드를 공식적으로 부르는 용어 - 행 애트리뷰트(attribute) : 릴레이션에서 이름을 가진 하나의 열 스키마 : 릴레이션의 기본적인 구조를 정의한 것 인스턴스 : 정의된 스키마에 따라서 실제 저장된 데이터의 집합 도메인 한 애트리뷰트에 나타날 수 있는 값들의 집합 프로그래밍 언어에서 int, char과 같이 데이터 타입을 정의하는 것과 유사하게 문법적인 개념을 나타낸다. (예 : INTEGER, CHAR(10)처럼 이 애트리뷰트는 정수형 숫자만 들어와야 돼! 또는 문자열이 들어와야 돼!) 차수와 카디날리티 - 차수(degree) : 애트리뷰트들의..
-
데이터베이스 시스템 정리학교 공부/데이터베이스 2021. 4. 11. 20:36
데이터베이스의 정의 데이터베이스는 조직체의 응용 시스템들이 공유해서 사용하는 운영 데이터들이 구조적으로 통합된 모임이다. 데이터베이스의 구조는 사용되는 데이터 모델에 의해 결정된다. 데이터베이스의 특징 데이터베이스는 데이터의 대규모 저장소로, 여러 사용자에 의해 동시에 사용된다. 데이터는 중복을 최소화하면서 통합된다. 운영 데이터뿐만 아니라 그 데이터에 관한 설명(데이터베이스 스키마 또는 메타데이터)까지 포함된다. 프로그램과 데이터는 서로 독립적이다. 효율적으로 접근 및 질의를 할 수 있다. 그리고 데이터베이스 관리 시스템(DBMS)를 통해 데이터베이스와 관련된 작업을 수행할 수 있다. 데이터베이스 스키마, 상태 데이터베이스 스키마 전체적인 데이터베이스 구조(뼈대라고 생각하면 된다) 자주 변경되지 않는다..
-
처음 배우는 리액트 네이티브 : 7~8장 정리개인 공부/React Native 2021. 3. 29. 23:03
7장 Context API Context API : 데이터를 전역적으로 관리하고 사용할 수 있도록 하는 기능. 스타일드 컴포넌트가 대표적인 예시이다. Context API를 이용한 전역 상태 관리 일반적으로 리액트 네이티브에서는 데이터는 부모 컴포넌트에서 자식 컴포넌트로 전달된다. 데이터를 사용하는 컴포넌트가 많다면 최상위 컴포넌트(App)에서 상태를 관리하여야 한다. 그러나 이런 방법은 관리하는 상태가 추가되거나 변경되는 경우 과정에 속한 모든 컴포넌트를 찾아서 수정해야 하기 때문에 개발 단계뿐 아니라 유지보수에도 매우 불편하다. Context API를 이용하여 Context를 생성하면 중간 과정의 컴포넌트들을 거치지 않고 데이터를 바로 받아올 수 있다. cosnt Context = createCont..
-
리액트 네이티브를 위한 자바스크립트 문법 정리개인 공부/React Native 2021. 3. 27. 21:30
리액트 네이티브를 공부하면서 보이는 낯선 자바스크립트 문법들을 정리하려고 한다. 계속 추가할 예정! 1. Object.values() 파라미터로 받은 객체가 가진 속성의 값들로 이루어진 배열을 리턴한다. for...in과 동일한 순서를 갖는다. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.values(object1)); // expected output: Array ["somestring", 42, false]결과 : > Array ["somestring", 42, false]
-
처음 배우는 리액트 네이티브 : 6장 Hooks개인 공부/React Native 2021. 3. 27. 21:22
Hooks는 리액트 16.8 버전에서 새롭게 추가된 기능으로, 리액트 네이티브 0.59 버전부터 사용할 수 있다. 이전에는 컴포넌트 상태 관리나 생명 주기에 따른 특정 작업 수행을 위해 클래스형 컴포넌트를 사용해야 했지만 Hooks 덕분에 함수형 컴포넌트에서도 가능하게 되었다. 1. useState const [state, setState] = useState(initialState);useState 함수를 호출하면 파라미터로 전달한 값을 초깃값으로 갖는 상태 변수와 그 변수를 수정할 수 있는 세터 함수를 배열로 반환한다. 관리해야 하는 상태의 수만큼 여러 번 사용할 수 있다. 상태를 관리하는 변수는 반드시 세터 함수를 이용해 값으 ㄹ변경해야 하고, 상태가 변경되면 컴포넌트가 변경된 내용을 반영하여 다시..
-
처음 배우는 리액트 네이티브 : 4장 정리개인 공부/React Native 2021. 3. 17. 20:55
1. 스타일링 리액트 네이티브에서의 스타일링은 CSS와 약간의 차이가 있다. 리액트 네이티브에서는 자바스크립트를 이용해 스타일링할 수 있다. 컴포넌트에는 style 속성이 있고, 이 속성에 인라인 스타일을 적용하는 방법과 StyleSheet에 정의된 스타일을 사용하는 방법이 있다. 1) 인라인 스타일링 HTML의 인라인 스타일링처럼 컴포넌트에 직접 스타일을 입력하는 방식. 단, 객체 형태로 입력해야 한다. 2) 클래스 스타일링 스타일시트에 정의된 스타일을 사용하는 방법. 3) 여러 개의 스타일 적용 여러 개의 스타일을 적용해야 할 때는 배열을 이용하여 style 속성에서 적용한다. 이때 뒤에 오는 스타일이 앞에 있는 스타일을 덮는다는 것에 주의해야 한다. 클래스 스타일뿐만 아니라 인라인 스타일을 혼용해서..
-
처음 배우는 리액트 네이티브 : 1장~3장 정리개인 공부/React Native 2021. 3. 10. 23:59
1장 리액트 네이티브는 2015년 3월 페이스북에 의해 공개된 오픈소스 프로젝트로, 리액트에 기반을 두고 제작되었다. 하지만 리액트와 달리 iOS, 안드로이드에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크이다. 장점 코드 대부분이 플랫폼 간 공유가 가능하여 iOS와 안드로이드 개발을 동시에 할 수 있다. 패스트 리프레쉬 기능을 제공하여 즉각적으로 변경된 모습을 확인할 수 있다. 각 플랫폼에서 그에 알맞은 네이티브 엘리먼트로 전환되기 때문에 큰 성능 저하 없이 개발이 가능하다. 단점 네이티브의 새로운 기능을 사용하는 데 오래 걸린다. 유지보수가 어렵다. 업데이트가 잦다. 동작 방식 브릿지 : 자바스크립트 코드를 이용해 네이티브 계층과 통신할 수 있게 연결하는 역할을 한다. 가상 ..