프로그래밍+DB

Angular Forms: Hello World

오늘부터 다시 앵귤러 공부 시작. https://app.pluralsight.com/library/courses/angular-forms/table-of-contents 위 강좌를 보며 실습. app.module.ts에 FormsModule 추가(import)한 뒤 ng g c user-settings-form 명령으로 모듈 추가 추가한 모듈에 form을 간단히 추가한 뒤 app.component.html에 app-user-settings-form.ts 파일에 있던 selector 명칭으로 태그를 입력 초간단 폼 완성. ——————— 부트스트랩(Bootstrap) 스타일 입히기 참고: 부트스트랩 4.4 폼 npm install –save bootstrap 명령으로 부트스트랩 노드 모듈 추가 angular.json 파일의 styles에 부트스트랩 모듈 …

더 읽기 »

Node.js: 파일 읽기(readfile)

https://opentutorials.org/course/3332/21048 를 보며 진행 현재 노드 버전은 v10.15.3 https://nodejs.org/docs/latest-v10.x/api/fs.html#fs_fs_readfile_path_options_callback 위 레퍼런스대로, 파일 패키지의 readFile을 이용해 파일을 읽어봄. 중간의 ‘utf8’을 지정하지 않으면 이상하게 출력된다. 정상적으로 sample.txt가 출력됨.

더 읽기 »

Node.js: 쿼리 스트링(Query String) 추출

https://opentutorials.org/course/3332/21046 생활코딩을 보며 진행 QueryString(?id=HTML)를 인식하기 request.url로 받은 정보를 그대로 출력하니 웹 브라우저에서 입력한 주소에서 쿼리 문자열을 추출하는데 성공 https://stackoverflow.com/questions/8590042/parsing-query-string-in-node-js 위 웹사이트를 참고하여 nodejs의 url 모듈을 사용 url.parse().query를 통해 id: ‘HTML’을 얻음

더 읽기 »
github pages logo

깃헙 페이지(GitHub Pages) 만들기

https://github.com/new 위 링크로 저장소(repository)를 새롭게 만들고 HTML 파일을 업로드한 뒤, Settings에 들어감 GitHub Pages 섹션에 있는 Source를 적절히 선택(master branch 등)하여 발행된 웹 사이트 주소에 접속하면 끝! 훌륭.

더 읽기 »

Visual Studio 2019: Installing

기존 Visual Studio 2017 제거 Visual Studio 2019 설치 프로그램 다운로드(MSDN) vs_enterprise__802816197.1554988487.exe 설치 디렉터리 구성. 당연히 다운로드 캐시는 같은 드라이브에 위치하도록. 2017보다 더 산뜻해진 비주얼 스튜디오 2019의 첫 화면. Hello Visual Studio 2019! 즐거운 Visual Studio 생활이 될 것 같습니다.

더 읽기 »

Angular Update(ng update cli, core)

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. …

더 읽기 »

First Spring Boot Application: Hello World

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 -> 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? 네 이름은?

더 읽기 »