DevBoi

일단 플러터의 기능들을 웹으로 빌드해보자 일단 저번에 화면 이동하고, 해당 이동된 화면에서 숫자를 증가시키는 등의 함수를 이벤트로 넣어봤다. 무튼 이걸 웹으로 빌드 해보자 1) flutter channel master 2)flutter upgrade flutter devices라고 하면, 크롬이나 ios등등이 뜬다. 이때 노출해야하는 곳이 크롬이라면, 크롬으로 변경하고 빌드하면 정상적으로 웹으로 빌드가 된다. 요로케 된다. 무튼, 다시 좀더 공부를 해보자

Nginx 에 대한 기술적인 공부는 하였는데 실제 세팅을 해보자 도커 이미지로 해당 Nginx 를 빌드 및 테스트를 해보려고한다. docker pull nginx 를 하고, 이미지를 빌드 및 run 한다. 사실 여기까지는 그냥 도커에 대한... 설정 내용이다. 이제 엔진 엑스에 대한 설정을 공부해보자 /etc/nginx를 들어가면, 여러 파일들이 보인다. 3개의 파일 위주가 중요하다. 1) nginx.conf 해당 파일은 아래와 같이 생겼다. http 블록이 가장 중요하다. 이 블록에서 include .conf파일로 파일들을 읽고, 해당 nginx를 세팅한다. 2) conf.d / default.d 최신 버전에서는 conf.d에 있고 아닌 버전에서는 site-available하위에 있다. 무튼 해당 파일..

화면 이동 및 레이아웃 전환에 대해서 실습을 진행해보자 ElevatedButton을 두고, 해당 안에 onPressed메서드를 추가한다. 그리고, 해당 버튼을 눌렀을떄 Navigator push로 신규 페이지 라우트 객체를 넣어준다. HelloPage2는 다른 다트 파일에 있는 위젯이다. 어찌보면 굉장히 간단하다. 눌렀을때 단순히 클래스 파일만 넘기면 바로 처리가 되는 장점이 있다.

계속 앱의 상단에 정렬이 안된 상태로 글자가 있었는데 Center라는 위젯으로 이 텍스트를 감싼다면? 어플리케이션의 가운데에 이 글자가 정렬이 되게 된다. 또한 여러개를 넣을 수도있다. 이런식으로 컬럼이라는 속성도 존재한다. 프론트 개발을 할떄는 이렇게 외워야 할게 많은게 조금 킹받는다... 내가 덜익숙한거일수도... 다트는 형변환이 편하다. 그냥 달라를 붙이면 된다. counter를 참고하자. 무튼 이렇게 counter를 증가시킬수있고 mainAxisAlignment를 통해서 위젯안에 텍스트를 정렬할 수도 있다. 꿀 같은 사이트가 있다. https://flutterstudio.app AppBuilder 2 20180529-19:35 flutterstudio.app 미리 다 해볼수 없으니, 위젯을 사용해..

이렇게 바꾸면 아래 처럼 된다. MaterialAPP의 text를 넣어주면 된다. 디자인이 너무 안이쁘니까 해당 Scaffold로 감싸주고, Appbar를 넣어주자 이런식으로 넣게 되면 아래와 같이 변경된다. 뭐 약간 속성 바꾸는 느낌으로 바꾸게 되면서 바로 적용이 가능하다. Text안에 TextStyle을 주고 또 따로 변경이 가능하다 여기까지는 그냥 뭐 암기느낌이네... 기본적인 구조를 따르는 SatelessWidget에서는 사용이 불가하다고한다. StateFulWidget을 만들어야한다. stful이라고 하고 엔터치면 자동생성된다. 결국 이렇게 한다. 해당 HelloPage는 아래와 같이 참조한다. 상태변경이 되게끔 해보자. 이렇게 눌렀을때 동작하게 끔 할 수 있다. 실제로 별도 함수로 빼서 플로팅..

기존 프로젝트를 생성하게 되면, lib/main.dart , pubspec.yaml 파일 이 두개를 중점적으로 보면된다. main.dart는 소스코드가 적힌 파일이고, pubspec.yaml 파일은 외부 라이브러리나 디펜던시등이 정의된 파일이다. 일단 여기까지 하고 넘어가자

https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev Flutter SDK 설치 및 환경 변수 세팅 안드로이드 스튜디오 설치 및 SDK command어쩌고 설치 및 실행 Xcode 설치 Cocopod 설치 *Flutter doctor로 설치 현황 확인 가능 *안드로이드 스튜디오 Flutter Plugin 설치 후 새 프로젝트 생성하면 끝 솔직히 이 이상 자세히 적기 귀찮다. 왜냐면, 사실 설치 방법이야 시시때떄로 변화하기 떄문에... 그냥 시작할때는 알아서 찾아보자 사실 공식 문서에도 잘되어있다.

1. TimeEntity를 하나 생성한다. @MappedSuperClass JPA Entity 클래스들이 해당 어노테이션이 붙은 클래스를 상속한 경우 해당 클래스의 필드를 컬럼으로 인식하게 한다. @EntityListeners(AuditingEntityListener.class) 해당 어노테이션이 붙은 클래스에 Auditing 기능을 포함시킨다. @CreatedDate Entity가 생성되어 저장될 때 시간이 자동 저장된다. @LastModifiedDate 조회한 Entity의 값을 변경할 때 시간이 자동 저장된다. 2. 사용하여 추적을 사용할 엔티티를 상속 받게 한다. 3. 메인 클래스에서 추적기능을 킨다. 이러면 끄읏, 정상적으로 되나 보자 된다!

Spring bean scope Spring bean scope 가 뭔말이지? 싱글 턴 다 똑같은거 아닌가? 스프링에서는 빈을 싱글턴이나 여러개의 방식으로 사용할 수 있도록 설정을 제공해준다. 한번 해보면서 확인해보자 SingleTon Prototype WebScope3-2. session3-4. websocket 3-3. application 3-1. request 이런 계층 형으로 분류가 되어있다. 사실 웹 스코프 위주로 볼 것이다. 싱글 톤이랑 프로토 타입은 많이 써봐서…ㅎ SingleTon 싱글톤 스코프 빈을 조회하면 스프링 컨테이너는 항상 같은 인스턴스의 빈을 반환한다. 2.프로토타입 스코프 프로토 타입 스코프의 빈을 조회하면, 스프링 컨테이너는 항상 새로운 인스턴스를 생성해서 반환한다. 프로토..

Ingress 네트워크는 서비스의 노드들 간에 로드밸런싱을 수행하는 Overlay 네트워크 이다. Ingress네트워크는 도커스웜을 init 이나 join할때 자동으로 생성된다. Docker Swarm에서는 서비스를 외부에 쉽게 노출하기 위해 모든 노드가 ingress라는 가상 네트워크에 속해있다. 서비스에서 포트를 오픈 하면, 모든 노드에서 포트가 오픈되고 어떤 노드에 요청을 보내도 , 실행 중인 컨테이너에 자동으로 전달 한다. 즉, ingress네트워크를 통해 로드 밸런싱이 수행된다. 위 처럼 포트 하나가 열리면 모든 포트가 오픈되고 외부에서 접속할때 하나로 분산 처리가 된다. 실제 운영 레벨에서는 외부에 nginx 또는 haproxy같은 로드밸런서를 둬서 하나의 IP로 전체 스웜 노드를 가르킬 수 ..