SCC

앱개발 준비하기 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", ur..

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

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

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..

먼저 옵셔널이 무엇인지 본격적으로 알아보기 전에 아래의 코드를 한 번 살펴볼까요? var someFruits = ["딸기", "사과", "망고", "수박", "복숭아"] print(someFruits.first) // Optional("딸기") someFruits = [] print(someFruits.first) // nil Q. 옵셔널이란? A. 옵셔널은 '값이 채워져 있을 수도 있고, 비어 있을 수도 있다' 라는 뜻입니다. Swift는 어떤 변수의 값이 비어있다면 nil이라고 표현합니다(다른 언어에서는 null 이라고 합니다). 그리고 Swift에서는 어떤 변수가 비어 있을 수도 있다면 명시적으로 해당 변수가 Optional 이라고 선언해 주어야 합니다. 선언은 해당 타입에 물음표(?)를 붙여줍니다..

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