Programming
-
[SwiftUI] Image 의 systemName 이란Programming/iOS 2020. 6. 24. 11:03
Image(systemName: "wifi") 이미지를 불러올때, 위과 같이 와이파이 아이콘을 불러올 수 있다. Asstes 에는 wifi 이미지가 들어있지 않은데, 어디서 이미지를 가져오는 것일까? 이것은 바로 Apple 에서 제공해주는 SF Symbol 라이브러리에서 가져오는 것이다. 애플 플랫폼용 앱을 개발할때 사용할 수 있는 2400여가지 벡터 이미지 모음이며, 애플의 샌프란시스코 시스템 폰트를 보완하기 위해 디자인되어 졌다. Apple HIG SF Symbol https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/ SF Symbols - SF Symbols - Human Interface Guidelin..
-
[SwiftUI] 상태 프로퍼티Programming/iOS 2020. 6. 23. 23:23
상태 프로퍼티란? 뷰 레이아웃의 현재상태값을 저장하기 위해 사용됨 예) 텍스트필드에 입력된 String 문자열 예제) 텍스트 필드와 바인딩 struct StateProperty: View { // 상태 프로퍼티 선언 @State private var userName = "" var body: some View { VStack { // 뷰와 바인딩 => 바인딩되어 있는 뷰에서 변경이 일어나면, 상태프로퍼티에 자동으로 반영됨 TextField("Enter name", text: $userName) } } } struct StateProperty_Previews: PreviewProvider { static var previews: some View { StateProperty() } } 상태프로퍼티와 뷰를 ..
-
[NodeJS] REST APIProgramming/javascript 2020. 6. 23. 16:31
요청 - HTTP Method 서버 자원에 대한 행동을 동사로 표현 GET : 자원 조회 POST: 자원 생성 PUT: 자원 갱신 DELETE: 자원 삭제 ⇒ 익스프레스 어플리케이션의 메소드로 구현되어 있다! 사용자 요청 curl -X POST 'localhost:3000/users' 요청에 대한 라우팅 설정 const express = require('express'); const app = express(); app.get('/users', function(req, res){ res.send('user list'); }); app.post('/users', function(req, res){ // 유저를 만들고, 만든 유저를 응답 res.send('만든유저'); }); app.listen(3000, ..
-
[NodeJS] package.json 으로 패키지 관리하기Programming/javascript 2020. 6. 21. 15:21
왜 package.json 을 사용하는가 npm install 로 패키지를 설치하게 되면, node_modules 폴더에 차곡차곡 추가가 된다. 이렇게 개발을 하다가, git 으로 소스코드 관리를 하게된다면?(혹은 다른 팀원과 공유를 해야한다면) 용량이 큰 node_modules 에 있는 파일들또한 레포에 넣으면, 비효율적일 것! 그래서 나오게 된것이 패키지들만 관리해주는 파일! 프로젝트에 package.json 파일 설정하기 npm init // package.json 파일 생성 npm install express --save // --save 키워드를 붙여서 package.json 에 패키지를 저장한다! -> 성공적으로 패키지가 설치되었다면, package.json 파일의 "dependencies" ..
-
[Promise] 비동기 처리Programming/javascript 2020. 6. 18. 23:08
Promise 비동기 처리를 도와주는 javascript 오브젝트. 콜백지옥 탈출을 도와준다. RxSwift 의 Stream 처럼, 값의 흐름을 제어가 가능 State 상태. 프로세스가 성공했는지, 실패했는지 pending(수행중) -------> fulfilled(성공적으로 오퍼레이션 끝냄) / rejeacted(네트워크에 문제가 생김) 프로듀서 정보제공 // 프로듀서 const promise = new Promise((resolve, reject) => { // 비동기 처리 : 네트워크 처리, 파일읽기등 시간이 걸리는 작업 console.log("resolve running...."); setTimeout(() => { // resolve('success'); // 성공적으로 처리 완료시, resol..
-
[NodeJS] 미들웨어 - ExpressJSProgramming/javascript 2020. 6. 9. 01:01
미들웨어란? 함수들의 연속으로 이루어져 있다. ExpressJS 에 서버 기능을 추가할때 사용. ExpressJS NodeJS 로 만들어진 프레임 워크 어플리케이션 : 익스프레스 인스턴스 미들웨어 : 부가기능을 추가 가능 라우팅: 클라이언트 요청주소에 대한 응답을 관리 요청객체(request) 응답객체(response) log 를 찍는 미들웨어 만들기 const express = require('express'); // app: 익스프레스 인스턴스. 서버에 필요한 기능인 미들웨어를 여기에 추가 const app = express(); /** * 인터페이스가 정해져 있다: (request, response, next) * * 반드시 next를 함수 마지막에 호출시켜 줘야 한다. * 클라이언트에서 요청을 보..