YagSill

안녕하세요 yagsill 입니다. 오늘은 node.js 를 사용해서 웹 서버를 구동해 보겠습니다. node.js 는 아파치 설치가 따로 필요 없이 프레임워크 하나로 웹 서버를 구동할 수 있습니다. 1. npm init npm init npm init 시 pacakge.json이 설치가 됩니다. 2. express 설치 npm install express express를 설치하면 package.json에 express가 설치 됩니다. 3. index.js 파일 생성 4. index.js 파일 내 코드 작성 const express = require("express"); const port = 3333; const app = express(); app.get("/", (req, res) => { res.se..

안녕하세요 YagSill 입니다. 오늘은 다양한 언어를 적용하는 방법에 대해서 포스팅 해보겠습니다. 1. Project -> Localizations 적용하기 여기서 + 버튼으로 Localizations를 추가해 줍니다. 2. 왼쪽 프로젝트 파일 확인 추가한 언어별로 Localizable 파일이 생성이 됩니다. 해당 파일에 값들을 넣어주어야 합니다. Ex) Example_Title = "안녕하세요"; 이 형식은 Key = "value"; 형식으로 지정이 되고 추가한 Localizable 파일내에 해당 Key 값은 동일하게 입력해 주어야 합니다. 영어) Example_Title = "Hello"; 일본어) Example_Title = "こんにちは"; 이런식으로 해당 언어 Localizable 파일에 적용을..

안녕하세요~ Yagsill 입니다. 오늘은 TextField 오브젝트를 이용해서 키보드를 감지하고 키보드를 내려보겠습니다. 일단 스토리보드내에 TextField를 하나 둡니다. 여기서 TextField를 선택하면 저절로 키보드가 올라와요. 그래서 저희는 그 키보드가 올라오는 것을 감지할겁니다. override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) // 키보드가 올라갔다는 것을 감지하는 것. NotificationCenter.default.addObserver(self, selector: #selector(함수이름(notification:)), name: UIResponder.keyboardWillShowNotific..

안녕하세요 Yagsill 입니다~! 오늘은 SearchBar를 이용해 검색 기능을 구현해 보겠습니다! -> 저희가 만들 앱은 이런 형식입니다 1. 오브젝트 Oulet 연결하기 @IBOutlet weak var SearchFilterSegment: UISegmentedControl! @IBOutlet weak var SerachBar: UISearchBar! @IBOutlet weak var SearchBtn: UIButton! @IBOutlet weak var Indicator: UIActivityIndicatorView! -> 위 앱에서 카카오 라이언 이미지 밑에 SegmentControl, searchBar, Button, Button 위에 Indicator까지 총 4개를 아울렛 연결을 해 주었습니다..

안녕하세요 Yagsill 입니다! 오늘은 AutoLayout을 잡을때 코드로만 작성해 보려고 하는데요! 한번 보시죠! override func viewDidLoad() { super.viewDidLoad() // // 여기서 인스턴스를 만들어줍니다. let myFirstView = UIView() } 일단 첫번째 방법으로 ViewDidLoad 안에서 View를 하나 만들어 줍니다. override func viewDidLoad() { super.viewDidLoad() // // 여기서 인스턴스를 만들어줍니다. let myFirstView = UIView() myFirstView.translatesAutoresizingMaskIntoConstraints = false // 해당 뷰 백그라운드 컬러 설정 ..

안냐세여~ Yagsill입니다. 이전 포스트에 이어 DB데이터의 모든 데이터를 조회해보는 시간을 갖도록 하겠씁니답! DB에 차곡차곡 데이터를 넣었다면 해당 데이터를 전체를 한번 조회해 보아야 하겠죠?? 그럴때 저희는 findAll() 메소드를 호출해서 확인해 볼 수 있습니다. .findAll() 저의 DB의 구조를 Entity를 통해서 만들었습니다. 그렇다면 DB에 CRUD 할 수 있는 기능이 필요하겠죠? 그것이 Repository 입니다. 저는 DB를 따로 SQL로 만들지 않고 웹에 Entity를 이용해서 구조만 만들었기 때문에 Repository를 이용해서 데이터를 뽑을 수 있습니다. articleRepository의 findAll은 타입이 다르기 때문에. articleRepository에서 타입을 ..

안녕하세요 Yagsill 입니다. 오늘은 Data Base의 테이블을 직접 조회해보고 데이터를 넣어보겠습니다. 이전 포스트와 이어져서 이 포스팅 부터 보시는 분들은 전 포스팅을 보고 오시는것을 추천드립니다. 1. 데이터를 넣어본다. -> 일단 웹에서 데이터를 날려 보았습니다. 2. H2 DataBase를 이용해 웹에서 DB확인해보기 H2 DataBase를 이용하기 위해서는 application.properties에 코드를 작성해 주어야 합니다. #h2 DB, 웹 콘솔 접근 허용 spring.h2.console.enabled=true 네 코드를 넣어주고 웹 링크에 localhost:8080/h2-console로 접속해 봅니다. -> 들어가게 되면 이런형식으로 되어있는데 Connect를 눌러도 에러가 떠요!..

안녕하세요 Yagsill 입니다. 오늘은 DB안에 데이터를 날려볼건데여! 여러가지 기본적인 용어를 알아야 합니다. 1. DTO 객체 만들기 웹에서 데이터를 날렸을때 그 데이터가 DTO 데이터로 변환되어서 들어와야 합니다. 그래서 우리는 해당 데이터를 DTO라는 객체로 만들어서 받아주어야 합니다. public class ArticleForm { private String title; private String content; public ArticleForm(String title, String content) { this.title = title; this.content = content; } @Override public String toString() { return "ArticleForm{" + "..