이제부터는 이것저것 써보면서 익혀나가는 방식으로 학습할 예정 날짜 추출 - Date 활용하기 날짜 추출 함수 : Date() ※ 자바스크립트 함수임 [예시] const today = new Date(); const year = today.getFullYear(); const month = today.getMonth() + 1; const day = today.getDate(); [주의할 점] month는 0~11까지 범위값이 리턴되어 + 1해서 써야함 템플릿 리터럴 `(백틱 문자)로 문장을 감싸면 아래와 같이 string을 구성할 수 있음 const formatted = `${year}년 ${month}월 ${day}일`; 위 코드는 아래 코드와 동일함 const formatted = year + '년 ..
컴포넌트를 공부하면서 주요하게 기억해야할 항목들을 메모하자 StyleSheet : 컴포넌트에 스타일 적용 [CSS와 주요 차이점] 1. 셀렉터 없음 2. camelCase로 작성 3. display 속성은 기본적으로 flex, 다른 값은 none 밖에 없음 4. flexDirection 속성 기본값 : 웹에서는 row, 하지만 리액트 네이티브에선 column 5. 숫자 단위 : dp 6. background 대신 backgroundColor 7. border 대신 borderWidth, borderStyle, borderColor 따로 설정 필요 [예제 코드] import React from 'react'; import {View, StyleSheet} from 'react-native'; functio..
컴포넌트를 공부하면서 주요하게 기억해야할 항목들을 메모하자 컴포넌트 생성 함수 컴포넌트 vs 클래스 컴포넌트 : 요즘엔 함수 컴포넌트 사용 (클래스 컴포넌트는 2018년 전에 주로 사용) 보통 components 라는 폴더에 컴포넌트별로 js파일을 생성해서 import해서 쓴다 [문법] function Greeting() { (...) } Props properties 줄임말 컴포넌트 사용 시 태그 속에 속성값으로 넣어주는 인자를 뜻함 ex) -> name이 props로 지정됨 만약, 아무 인자를 넣지 않았을 때 default 값 설정은 defaultProps로 설정함 Component.defaultProps = { name : 'lee', }; JSX 문법 컴포넌트는 태그 형태로 작성 필수 태그 형태의..
모바일 앱 개발을 위하여 React Native를 활용한 프로그래밍을 시작하였다. ※ 구현 환경 : Windows 11 # React Native 개요 React Native는 Facebook에서 만든 오픈소스 모바일 애플리케이션 프레임워크로, 네이티브 UI 컨트롤을 제공하고 네이트브 플랫폼에 대한 모든 액세스를 제공하는 Android, iOS, 웹 및 UWP(Windows)용 애플리케이션을 개발하는 데 사용됩니다. # 개발을 위한 기본 구성 (일단 Android 까지) 1) Node.js : Javascript 소프트웨어 플랫폼 2) JAVA JDK : JAVA 관련 개발 시 필수 (JAVA_HOME 환경변수 등록 필수) 3) 코드 편집기 : Microsoft Visual Studio Code 혹은 I..
