ng serve 명령으로 빌드하면 위와 같은 에러가 발생. Your global Angular CLI version (7.3.9) is greater than your local version (6.0.8). The local Angular CLI version is used. To disable this warning use “ng config -g cli.warnings.versionMismatch false”. Angular CLI의 글로벌 버전과 로컬 버전 간의 차이가 있다고 함. ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ‘;’ expected. …
더 읽기 »
Spring Boot 프로젝트를 공부하기 시작. 골든위크라 시간이 많으니 여유롭게 하면 될 듯. 오랫만에 이클립스, IntelliJ를 다운로드/설치. 톰캣 설정방법도 잊어서 겨우겨우. New->Maven Project 기본 설정대로. Next maven-archetype-quickstart 선택. Next Groud Id, Artifact Id, Package를 적절히 입력 pom.xml을 열어서 아래와 같이 수정 packaging 아래에 추가. 그리고 dependencies아래에 코드 추가. App.java에는 @SpringBootApplication 애노테이션을, main 메서드에는 SpringApplication.run(App.class, args); 입력. com.boot 아래에 model, controller, service, …
더 읽기 »
Python -> Python 응용 프로그램 프로젝트 만드는 중… Hello World를 찍어 보자. 역시 휘황찬란한 IntelliSense. Hello World! Python이 설치되어 있으면 IDLE를 실행해서… 명령줄에 헬로월드를 찍어봤다. ‘모두의 파이썬: 20일 만에 배우는 프로그래밍 기초‘를 읽으며 따라해 봄. >>> import turtle as t >>> t.shape(“turtle”) 거북아! >>> t.forward(50) >>> t.right(90) >>> t.forward(50) 움직여봐! Your name? 네 이름은?
더 읽기 »
참고로 npm은 Command Line Utility로, 자바스크립트의 패키지 관리자다. npm(Node Package Manager)를 설치하고 Angular 앱을 설정, Angular 또는 TypeScript를 수동으로 설치할 필요 없음 https://www.npmjs.com/ 에서 밑으로 스크롤하면 nodeJS가 필요하다고 나온다. https://nodejs.org/en/download/ 를 통해 먼저 Node.js를 설치하자 Node.js 설치 npm package manager가 포함된 것을 볼 수 있다.(굳이 별도로 설치할 필요가 없다) 설치가 끝나고 cmd.exe 를 열어서 아래 명령을 입력하자. npm -v 현재 …
더 읽기 »
Visual Studio Code 설치 https://code.visualstudio.com/ 언어 팩을 설치하여 표시 언어를 한국어(으)로 변경합니다 Install language pack to change the display language to Korean. 설치 및 다시 시작 Git 다운로드 Download Git Git 2.18.0 Setup Next Use Visual Studio Code as Git’s default editor Visual Studio Code를 다시 시작하면 위와 같은 화면이 나타납니다.
더 읽기 »
계속해서 책을 보며 가위바위보 게임을 만들어 봄.(도서 링크: https://amzn.to/2R8Wg07) 가위바위보 이미지 삽입 먼저 구글 검색으로 가위바위보 게임에 사용할 이미지를 구함. 캐릭터 이미지는 이전에 종윤이가 만들어준 것을 활용. 새 프로젝트 만들기 API 16(Android 4.1 Jelly Bean)에 맞춰서 진행 Empty Activity 초기값대로 진행 이미지를 복사하여 이전 글과 동일하게 res\drawable에 붙여넣습니다. 팔레트 -> Images -> ImageButton을 삽입한 뒤, 좌측의 조절점을 잡아 제약 조건 …
더 읽기 »
그림 넣기 먼저 탐색기에서 그림 파일을 복사. res\drawable 폴더에 붙여 넣기. 붙여 넣어질 폴더 확인하고, OK 파일명 확인 후 OK 팔레트에서 Images -> ImageView 선택, 화면으로 드래그한다. Drawable 폴더의 그림 파일을 선택.(Image credit: mjyoon1452) 우측의 layout_width, layout_height 를 dp 단위로 입력 가능. DP, 혹은 DIP는 Density Independent Pixel로, 밀도에 독립된 픽셀이라는 뜻. 여러 크기의 화면 크기를 지원하기 때문에 픽셀 대신 …
더 읽기 »
개발 환경 설치, 에뮬레이터 실행, 실제 기기 실행까지 마쳤다면, 이제 이것저것 만들어볼 차례. 새 프로젝트를 만들자. 이번에도 API 16 선택. Empty Activity Finish Android 프로젝트 탐색기 소개… 쓰다 보면 자연스레 익혀지겠죠. Turn On Autoconnect 상태로 만듦. 기존 Hello World(TextView)에서 글자를 입력하여 text의 우측 …을 클릭(Pick a Resource) Add new resources -> New string Value… Resource name과 Resource value를 적절히 입력. …
더 읽기 »
에뮬레이터에서 실행했으니 이번에는 실제 기기에서 동작시켜보자! 장치에서 개발자 옵션을 활성화(휴대전화 정보에서 빌드 번호를 연타!)하고, USB 디버깅 켜기. 시작 단추에서 단축 메뉴를 열어 ‘장치 관리자’ 범용 직렬 버스 장치 -> Nexus 5 드라이버 업데이트 컴퓨터에서 드라이버 소프트웨어 검색 Android SDK 폴더 위치\extras\google\usb_driver 선택 Google, Inc. 소프트웨어 신뢰 닫기 이렇게 업데이트 된다. 모바일 디바이스에서 USB 디버깅을 허용 Android Studio에서 Run ‘app’ 실제 …
더 읽기 »