thumbnail

[JHipster] CRUD 게시판 만들기

Navbar에 만들어 줄 게시판 메뉴 추가하기 [src - main - webapp - app - layout - navbar] 의 경로에 있는 파일들이 JHipster 페이지의 헤더부분이다. 스크린샷 2019-10-11 오전 2.09.45.png...

약 6시간 전0개의 댓글

[JHipster] Entity

JHipster Entity 추가하는 방법 JHipster에서 Entity에 필요한 요소들은 아래와 같다. - A database table - A Liquibase change set - A JPA Entity - A Spring Data JPA Repository ...

2019년 10월 3일0개의 댓글

[JHipster] JHipster liquibase

liquibase란? 데이터베이스 변경관리를 체계적으로 자동화 해주는 오픈소스. 스키마 버전 관리를 해준다. 개발하다가 DB가 변경될 경우를 위하여 사용해준다. 데이터베이스 변경을 XML로 관리하고, 변경의 단위는 changeset이다. JHipster liq...

2019년 10월 1일0개의 댓글

[JHipster] JHipster mysql 연동하기

MySQL로 JHipster를 생성하면, 샘플 사이트에 로그인이 되지 않는다. MySQL 스키마가 존재하지 않기 때문이다. 먼저 JHipster 프로젝트의 application-dev.yml 파일의 datasource 부분에 MySQL 설정 시 설정했던 비밀번호를 적...

2019년 10월 1일0개의 댓글

[JHipster] JHipster workflow

Account 부분

2019년 10월 1일0개의 댓글

[JHipster] JHipster Entity 추가해보기

Tutorial blog.jdl 파일을 프로젝트 내에 생성한다. vi blog.jdl 스크린샷 2019-10-02 오후 5.06.39.png jhipster import-jdl blog.jdl 명령어로 추가해준 jdl 파일을 import 해준다...

2019년 10월 1일0개의 댓글

[JHipster] IntelliJ 설치 && JHipster 실행해보기

IntelliJ 설치 JHipster를 다룰 때 IntelliJ IDE를 사용할 것이다. 아래의 사이트에서 IntelliJ를 다운받아준다. https://www.jetbrains.com/idea/ 프로젝트 실행 JHipster 프로젝트로 웹 사이트를 생성해주기 위...

2019년 10월 1일0개의 댓글

[JHipster] JHipster 프로젝트 생성

프로젝트 생성 1. JHipster 프로젝트를 생성할 디렉토리로 들어간다. mkdir JHipsterstudy cd JHipsterstudy 2. jhipster 명령어 입력 스크린샷 2019-10-01 오후 3.53.36.png 3. 프로젝트 설정...

2019년 10월 1일0개의 댓글

[JHipster] JHipster란?

JHipster란? 자바 기반 생성 개발 플랫폼이다. node 진영의 yeoman을 이용해서 매우 빠르고 간단하게 어플리케이션을 생성할 수 있는 프로젝트이다. 일반적인 웹 어플리케이션 뿐만 아니라 요즘 트렌드인 microservice 어플리케이션도 매우 빠르고 쉽게...

2019년 10월 1일0개의 댓글

mac에 MySQL 설치하기

Homebrew 설치하기 macOS에는 macOS 용 패키지 관리자 Homebrew가 있다. Homebrew를 이용하면 설정 과정이 단순하고, 환경변수 설정이 필요없고, 관리하기 편하다. 터미널에 아래의 명령어 입력 /usr/bin/ruby -e "$(curl -fs...

2019년 10월 1일0개의 댓글

[React Native] 리액트 네이티브(react native) 푸시알람(push notification) - expo

push notification 스크린샷 2019-09-30 오후 11.17.39.png 로컬 서버를 인터넷에 노출시키는 역할인 ngrok를 설치해준다. npm i -g ngrok push notification 서버를 위해 express, es6 문...

2019년 9월 30일1개의 댓글

[React Native] 리액트 네이티브(react native) WebView(웹뷰)

WebView란 쉽게 말해서 이미 존재하는 웹 페이지를 앱으로 옮기는 것이다. WebView 사용전 준비 WebView를 사용하기 위해서는 WebView를 import해주어야한다. 원래는 리액트 네이티브 core에 있었지만, 리액트 네이티브가 core에서 빼버렸...

2019년 9월 23일0개의 댓글

[React Native] 리액트 네이티브(react native) Style

Style 리액트 네이티브에서 스타일을 적용할때는 자바스크립트를 사용한다. 모든 core 컴포넌트는 style이라는 prop를 가지고 있다. 작성방법은 css와 유사하며 camel case로 작성한다(ex: backgroundColor) 배열로 스타일을 적용해 줄 수...

2019년 9월 17일0개의 댓글

[React Native] 리액트 네이티브(react native) State

State란? 데이터를 컨트롤하는 방법에는 두 가지가 있다. 하나는 앞서 말한 props이고 다른 하나가 state이다. prop와 달리 state는 변화하는 데이터를 다룰때 사용해야 한다. State 사용방법 생성자에 state를 초기화 해주고, 변화가 생길때마...

2019년 9월 17일0개의 댓글

[React Native] 리액트 네이티브(react native) Props

Props란? properties의 약어이며, 컴포넌트를 생성할 때, 파라미터를 받아서 생성하는 경우가 많은데, 이렇게 받아온 데이터를 사용하는 것을 말한다. 변동되지 않는 데이터를 다룰 때 사용한다. 부모에 의해 설정되며, 컴포넌트가 살아있는 동안만 유지된다. 리...

2019년 9월 17일0개의 댓글

[React Native] 리액트 네이티브(react native) overview

Hello world로 리액트 네이티브 맛보기 기본적인 구성을 살펴보기 위하여, Hello world를 띄워보도록 하겠다. 부분을 살펴보겠다. 이것은 JSX 형식이다. 자바스크립트 내에 xml을 포함시키는 형식이다. 일반적인 web에서의 div span 대신 리액...

2019년 9월 17일0개의 댓글

[React Native] 리액트 네이티브(react native) 디버깅 #1 React Native CLI

시뮬레이터에서 관리자 모드 - cmd + D (ios) 나 cmd + M (android) 키를 눌러주면 관리자 모드로 접속할 수 있다. 실제 휴대폰에서 관리자 모드 - 휴대폰을 흔들어 주면 관리자 모드로 접속할 수 있다. 스크린샷 2019-09-17...

2019년 9월 16일0개의 댓글

[React Native] 리액트 네이티브(react native) 디버깅 #1 Expo CLI

시뮬레이터에서 관리자 모드 - 최신 버전의 Xcode가 있어야한다. - ctrl + cmd + z나 cmd + d 키를 눌러주면 관리자 모드로 들어간다.(관리자 모드에서 디버깅에 유용한 기능들을 제공해준다.) 실제 휴대폰에서 관리자 모드 - 폰을 흔들어주면 관리자...

2019년 9월 16일0개의 댓글

[React Native] 리액트 네이티브(react native) workflow & 프로젝트 구조 #2 React Native CLI

React Native workflow 리액트 네이티브 소스 - Page render - 리액트 컴포넌트 DOM에 마운팅 - 브릿지 - 리액트 컴포넌트 랜더링(ios인 경우 Objc api / android인 경우 java api) - 해당 플랫폼의 process R...

2019년 9월 14일0개의 댓글

[React Native] 리액트 네이티브(react native) workflow & 프로젝트 구조 #1 Expo CLI

Expo tool을 사용한 두 가지 workflow 스크린샷 2019-09-13 오전 11.52.22.png Managed workflow managed 방식은 expo가 앱을 만들 때, 복잡한 과정들을 expo가 관리해주는 방식이다. X-cod...

2019년 9월 14일0개의 댓글