전체 글

앱개발 준비하기1. 리액트 네이티브 & Expo 소개1) 리액트 네이티브 = 리액트(React) + 네이티브(Native)리액트 네이티브는 우리가 배운 자바스크립트 언어 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리입니다.라이브러리가 뭐냐구요? 개발 할 때 사용하는 도구입니다!그렇지만 정말 리액트 네이티브로만 앱 개발을 진행하면, 자바스크립트 한 언어로 앱 개발이 가능 하다 했지만 그렇지 않음을 알 수 있습니다.위 이미지에서 볼 수 있듯이 특정 상황에선 안드로이드, iOS 각각의 폴더에 들어가 직접 코드를 만져야 하는 상황이 발생합니다.안드로이드, iOS 앱을 만들 땐 자바&코틀린과 Swift라는 언어를 써야하는데, 그러면 언어 하나로 앱을 만들 수 있다는 취지에서 벗어나게 됩니다?..

앱개발에 자주 쓰이는 JavaScript 문법1. 화살표 함수 - 함수를 더 짧게!기존에는 함수를 선언하기 위해서 function 키워드를 사용했습니다. 이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능합니다.// [기존 방식]let a = function() { console.log("function");}a();// [최신 방식]let a = () => { console.log("arrow function");}a();2. 비구조 할당 - 딕셔너리 키와 값을 빠르게 꺼내기!딕셔너리에 있는 값을 꺼내 변수에 담을 때, 할당 과정을 거치기 않으면서 딕셔너리의 키 값 그대로 변수사용이 가능합니다.// 객체 let blog = { owner : "noah", url : "..

1. Javascript 맛보기1) 자바스크립트란?01. 자바스크립트에 대하여보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어입니다.자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있으며마감까지 얼마 남았는지 카운팅이 되는 모습도 작성할 수 있습니다.그렇기 때문에 항상 자바스크립트 == 웹 기술! 이라는 고정관념이 생겼는데요!이제 더 이상 자바스크립트는 옛날의 자바스크립트가 아닙니다.02. 자바스크립트로 어떤 것들을 할 수 있을까?이제는 자바스크립트로 앱도 만들 수 있습니다. (우리가 배울 리액트 네이티브가 자바스크립트를 기반으로 하기 때문이죠!!)따라서 자바스크립트를 배워 놓으면 웹도 만들고 앱도 만들 수 있습니다.그럼 이제 본격적으로 자바스크립트 문법을 연..

Swift - Ramen Timer스파르타코딩클럽 - iOS 앱개발 기초반을 수강하면서 배우는 Swift2주차 (2) 라면 타이머 앱 만들기스토리보드 세팅하기Main.storyboardLaunchScreen.storyboard@IBOutlet, @IBAction 연결하기import UIKitclass ViewController: UIViewController { @IBOutlet weak var timerLabel: UILabel! @IBOutlet weak var timerButton: UIButton! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup afte..

Swift 가 객체지향 프로그래밍(OOP; Object-Oriented Programming) 언어라고 했던 것 기억하나요?지금까지 우리는 크게 생각하지 않고 . 이라는 연산자를 쓰곤 했습니다. a.b 라고 한다면, a의 하위 속성인 b를 언급하는 것입니다. 혹은 a.c() 처럼 a에게 c라는 함수를 실행시키라고 명령하기도 했죠. 그 이유를 여기서 다뤄보도록 하겠습니다. 진지하게 다루면 무척이나 심오한 영역이 될 수도 있어서, 가벼운 마음으로 설명을 들어보고 재미없거나 어렵다면 섣불리(?) 포기하시기 바랍니다.일단 구조체(Struct)와 클래스(Class)의 코드를 한 번 살펴볼까요?구조체(Struct)struct Work { var task: String var hoursToDo: Int}v..

Swift - Reversing Card스파르타코딩클럽 - iOS 앱개발 기초반을 수강하면서 배우는 Swift2주차 (1)1. Swift 기본 문법 - 조건문20 보다 작으면 청소년, 크면 성인이라고 알려주는 코드var age = 30if age > 20 { print("성인이에요")} else { print("청소년이에요")}조건이 여러 개일 경우 사용할 수 있는 if, else if, elsevar fruitName = "사과"if fruitName == "사과" { print("제가 좋아하는 사과네요!")} else if fruitName == "딸기" { print("딸기는 논산 딸기")} else if fruitName == "수박" { print("여름은 역시 수박!")} ..