김대리의 대리만족

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라는 도..

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

숙제-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 함수로 '포도'만 들어..

함축적인 자바스크립트 기존에는 함수를 선언하기 위해서 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..

검색 및 적용방법 자바스크립트 문자열 나누기 등 궁금한 내용을 검색해서 활용. 아래 홈페이지는 공식문서로 예제 코드와 사용법이 쓰여 있음. 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..

여러 개의 값아 댜앙한 구조를 변수에 넣어서 관리하는 법 - 리스트(배열) & 딕셔너리(객체) 리스트(계란바구니) - 코딩에서 순서는 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, "헤이"] 를 출력 // 리스트의 ..

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

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

5/1일 근로자의 날, 5/8일 부처님 오신 날 대체공휴일 가능할까? 안녕하세요, 대리만족의 김대리입니다. 22년의 4월도 어느정도 지나가고 5월이 성큼 다가왔는데요. 따뜻한 날씨만큼 중요한 게 공휴일이라고 생각했던 근로자의 날과 부처님 오신 날(석가탄신일)이 22년에는 모두 일요일인 것을 알 수 있습니다. 그렇다면 과연 5/1 근로자의 날, 5/8일 부처님오신날에 대체공휴일이 가능할까요? 1. 5/1일 근로자의 날 근로자의 날은 근로자 분들의 어려운 근로 조건들을 개선하고 지위를 향상시키기 위한 날로 '73.3.30일에 시행되었는데요. 매년 5월 1일을 의미하며, 법으로 인정되는 법정 휴일로 유급휴일입니다. 참고로 법정휴일은 근로기준법에 의해 보장하는 휴일을 의미하며 근로기준법에 근거합니다. 그렇기에 ..

기릿님의 기사 소개, 오늘의 기업(대덕전자) 안녕하세요, 대리만족의 주린이 김대리입니다. 저번 포스팅에서는 기릿님의 기사 소개, 오늘의 기업(넷마블)에 대해서 알아봤습니다. 관련 내용이 궁금하신 분들은 지난번 포스팅을 참고해주세요. https://dae-ri.tistory.com/410 오늘은 기릿님의 기사 소개, 오늘의 기업(4월 22일 방송) "대덕전자"에 대한 내용을 간단히 요약해보겠습니다. 해당 콘텐츠는 개인적인 투자 공부를 위해 콘텐츠를 정리하고, 취합하는 내용이므로 참고로 활용하여 좋은 투자 하셨으면 좋겠습니다. 기릿님께서 소개해주신 기업은 "대덕전자"로 4월 22일 신한금융투자의 보고서를 요약한 서울경제의 기사였습니다. 해당 기사를 요약해보면 다음과 같습니다. 1. 고부가 제품 확대로 수익성..