앱 서비스를 만든다는 건? 클라이언트와 서버 모두 만들어야 한다는 것
클라이언트 : 사용자가 보는 화면
ex) 크롬브라우저, 사파리, 익스플로러 앱 자체
서버 : 원하는 데이터가 있는 곳, 원하는 데이터를 요청하면 이에 응답함
앱을 만드려면?
안드로이드 - JAVA, Kotlin
IOS - Swift
둘의 os 환경이 다르기 때문에 각기 다른 개발 기술 언어가 필요함
네이티브 앱 : 안드, ios 각각 개발 하는것
하이브리드 앱 : 웹사이트 만들고 껍데기를 씌워 배포하는 것
크로스 플랫폼 앱 : 네이티브 앱 + 하이브리드 앱
리액트 네이티브(React Natvie) : 크로스 플랫폼 앱 개발 언어 중 하나
1-2. javascript 맛보기
자바스크립트란? 웹 사이트에서 움직이는 그림을 그릴 때 쓰는 작고 가벼운 언어
팝언이나 카운팅 되는 모습도 작성 가능
But 이제 자바스크립트로 웹도 만들고 앱도 만들 수 있다
ex) react, node.js
자바스크립트를 공부할 땐 크롬 브라우저만 있으면 된다!
윈도우는 F12, 맥은 alt + command + i 눌러서 개발자 콘솔 열기
(상단에 [Console] 탭 클릭하기)
console.log(변수)는 콘솔 창에 괄호 안의 값을 출력해준다.
1-2. Javascript 기초 문법 - 1
오른쪽 상단에 점 3개를 누르면 Dockside에서 콘솔 창 크기를 조절할 수 있다.
###python
let num = 20
console.log(num)
코드가 길어지면 왼쪽 상단에 금지 아이콘 (Clear console)로 삭제 가능
사칙연산
let a = 1
let b = 2
let c = a + b
console.log(c)
console.log(a*b)
문자열도 더하기가 가능하다
let first = 'Chris'
let last = 'Kang'
console.log(first + last)
공백을 넣는 것도 가능하다
console.log(first + " " + last)
Chris Kang
변수의 이름을 정할 때 약속이 있다
let firstName
let first_name
const로 선언한 변수에 새로운 값을 재할당 할 수 없다
let num1 = 100
const num2 = 1000
num = 200
num2 = 2000
console.log(num)
console.log(num2)
1 -4. Javascript 기초 문법 - 2
let a_list = [1,2,3,4,'Chris',6,7,'Kang']
console.log(a_list[4])
첫번째 순서는 0번째이므로 Chris가 출력됨
a_list.push('sparta')
console.log(a_list)
(10) [1, 2, 3, 4, "Chris", 6, 7, "Kang", "sparta", "sparta"]
값이 몇 개 있는지 알 수 있다.
a_list.length
let a_dict = {"name":"gunhee","age":30}
console.log(a_dict["name"])
a_dict["height"] = 200
console.log(a_dict)
let names = [{"name":"Chris","age":30},{"name":"Chris","age":30}]
console.log(names)
값을 꺼내올 수 있다
names[1]["age"]
JSON 데이터 구조 : 리스트와 딕션너리가 복합적으로 존재하는 데이터 구조
let a = 20
let b = 7
console.log(a % b)
split 기능
let txt = "경기도-김포시-북변동"
let_names = txt.split("-")
console.log(names)
다시 합치는 기능
console.log(names.join('>'))
함수
function funcName(){
console.log("바보")
}
funcName()
