반응형

개발자 8

(나의개발자일지) 2-2주차

9) App.js 구석구석 살펴보기 간단히는 App.js는 앱의 화면을 그려주는 커다란 함수. 또는 App.js는 리액트 네이티브 라이브러리와 Expo에서 제공해주는 기능들을 사용하여 화면을 그려주는 커다란 함수 expo start로 시뮬레이터에 띄운 앱의 화면을 보면 App 함수에 기입되어 있는 글귀가 보이고 있음을 확인 가능 "Open up App.js to start working on your app!" 화면 //우리가 리액트, 리액트 네이티브, 엑스포 라이브러리에서 꺼내 사용할 기능들을 //이렇게 앞으로도 상단에 선언한다음 가져다 사용합니다. import { StatusBar } from 'expo-status-bar'; -> 'expo-status-bar'라는 폴더에서 StatusBar라는 도..

개발일지 2023.03.06

(나의개발일지) 2-1주차

[앱 개발 준비] 시작하는 리액트 네이티브 & Expo 리액트 네이티브 앱 개발을 더 편하고 쉽게 도와주는 Expo라는 도구로 앱 개발을 진행! 이에 대해 조금 살펴보고, 개발에 필요한 준비들을 진행! 도구들이 제공해주는 사용 설명서를 보면서 조립해 나가면 앱이 완성! 앱 개발, 즉 리액트 네이티브 앱 개발에서 구역(레이아웃)을 잡는 문법 언어를 JSX. JSX문법은 정말 간단하게, 화면의 구역을 잡을 때는 태그를, 글자를 쓸때는 태그를 사용 태그란 과 같이 꺽쇠로 표현하는 프로그래밍 문법을 뜻합니다! HTML들어보셨나요? HTML도 태그 문법! //잠시 살펴보는 JSX !!! (예시) //이렇게 상단에서 사용할 엘리먼트를 react-native 라이브러리로부터 꺼내 사용합니다. import { Text..

개발일지 2023.03.05

(나의개발자일지) 1-6주차(숙제)

숙제-1, 다음에서 '딸기'는 몇 개일까? - 이번엔 자바스크립트 콘솔창에서(map) let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let count = 0; fruit_list.map(('value') => { if(value == '딸기') { count += 1 }) } console.log(count) let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] let count = 0; fruit_list.map((f)=>{ if(f == "딸기") count += 1 }) console.log(count) 숙제-2, filter 함수로 '포도'만 들어..

개발일지 2023.03.05

(나의개발자일지) 1-5주차

함축적인 자바스크립트 기존에는 함수를 선언하기 위해서 function 키워드를 사용. 이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능합니다. [기존 방식]과 function a(){ 는 같음. } let a = function() { console.log("function"); } a(); [최신 방식] let a = () => { console.log("arrow function"); } a(); 딕셔너리 키와 값을 빠르게 꺼내기! - 비구조 할당 딕셔너리에 있는 값을 꺼내 변수에 담을 때, 할당 과정을 거치기 않으면서 딕셔너리의 키 값 그대로 변수사용이 가능 //객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", get..

개발일지 2023.03.03

(나의개발자일지) 1-4주차

검색 및 적용방법 자바스크립트 문자열 나누기 등 궁금한 내용을 검색해서 활용. 아래 홈페이지는 공식문서로 예제 코드와 사용법이 쓰여 있음. String.prototype.split() - JavaScript | MDN (mozilla.org) String.prototype.split() - JavaScript | MDN split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. developer.mozilla.org 조건문과 반복문 alert는 팝업 구현. 90보다 작으면 작다고, 크면 크다고 알려주는 함수 function is_adult(age){ if(age > 20){ alert('성인이에요') } else { alert('청소년이에요') } } is_adul..

개발일지 2023.03.01

(나의개발자일지) 1-3주차

여러 개의 값아 댜앙한 구조를 변수에 넣어서 관리하는 법 - 리스트(배열) & 딕셔너리(객체) 리스트(계란바구니) - 코딩에서 순서는 1,2,3,4가 아님 -> 0부터 시작 0,1,2,3,4 즉, let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_list = [1,2,'hey',3] // 로 선언 가능 b_list[1] // 2 를 출력한다는 것은 list 중 2번째 순서인 "1"을 입력한 것이기 때문에 b_list[2] // 'hey'를 출력 // 리스트에 새로운 요소 넣기 (.push) b_list.push('헤이')를 하면 b_list 맨 뒤에 헤이가 추가됨 b_list // [1, 2, "hey", 3, "헤이"] 를 출력 // 리스트의 ..

개발일지 2023.03.01

(나의개발자일지) 1-2주차

1. 자바스크립트는 웹사이트(웹문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어 - 팝업, 시간이 가는 모습, 몇 명이 보고있다는 알람 등을 자바스크립트 문법으로 구현. 2. 자바스크립트로 앱을 만들 수 있음(Why? 리엑트 네이티브가 자바스크립트 기반) 3. 서버 백엔드를 구축할 때 node.JS(자바스크립트 프레임워크) 기술 다발을 구현 가능. 즉, 자바스크립트 문법 하나로 웹사이트, 앱, 서버까지 할 수 있다. 준비물: 크롬 브라우저로 윈도우F12 맥은 Alt(option) +command + i console.log(변수)는 콘솔 창에 괄호 안의 값을 출력. 자바스크립트 문법(변수) - 코드 마칠 때 코드 마지막에 ; 써도되고, 안써도 그만. let num =1 ; (ok), let nu..

개발일지 2023.02.28

(나의개발자일지) 1-1주차

클라이언트와 서버. 앱서비스를 만든다 = 클라이언트, 서버 모두 만든다. 클라이언트는 사용자가 보는 화면. 서버는 원하는 데이터가 있는 곳이고, 요청하면 응답하는 곳. 즉, 주고 받는 관계가 프론트와 백앤드의 관계. 앱 개발 = 안드로이드(Java&Korlin), IOS(Swift)라는 기술로 개발. 앱개발 종류에는 네이티브앱, 하이브리드 앱, 크로스 플랫폼 앱. 크로스 플랫폼은 한가지 언어로 앱을 배포하는 것으로 네이티브와 하이브리드의 장점을 모은 것. 페이스북에서 만든 리액트 네이티브를 활용해서 배울 예정.

개발일지 2023.02.27
반응형