프로그래밍+DB

Angular Forms: Data Binding

Angular Forms: Hello World 위 글에 이어지는 포스트입니다… https://app.pluralsight.com/library/courses/angular-forms/table-of-contents 위 강좌를 보며 실습 NgForm form 태그에 위와 같이 #ngForm으로 ngForm을 사용 최하단에 {{form}} 입력 화면상에는 [object Object]로 나타남. 이를 form | json 포맷으로 출력 JSON 형식으로 출력됨! 화면상의 폼의 내용을 입력해도 value는 업데이트되지 않는 상태. 강좌를 따라가며 구현해봐야겠다. NgModel 별다른 import 없이, ngModel을 input 태그 하나에 적어주고, 출력 시 .value만을 …

더 읽기 »

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에 부트스트랩 모듈 …

더 읽기 »

Oracle Cloud: VM(가상 머신 인스턴스)에 접속하기

오라클 클라우드에 VM을 개설하신 분은 일단 아래 글 정독 부탁드립니다. https://docs.cloud.oracle.com/en-us/iaas/Content/Compute/Tasks/accessinginstance.htm 저의 경우 어떻게 접속했는지 보여드릴게요. 인스턴스 정보 화면에서 좌측 하단의 콘솔 접속을 누르면 [콘솔 접속 생성]을 할 수 있습니다. SSH 키 파일(.pub)을 선택합니다. 저는 오라클 클라우드 무료 티어를 생성했을 때 만들어 놓았던 파일을 골랐습니다. 콘솔 접속이 활성화되면 공용 IP 주소를 복사해서… PuTTY의 Host Name에 붙여넣기 Translation은 UTF-8, SSH의 Auth에 …

더 읽기 »

Oracle Cloud: 오라클 클라우드 무료 티어(Free Tier) 가입

https://www.oracle.com/kr/cloud/free/#always-free 위 사이트에 접속. 무료로 시작하기 클릭 Always free 서비스를 엄청 강조함… 이메일 주소와 국가 선택(South Korea). Terms of Use를 읽고 다음 귀찮… 일간 필수 항목 다 입력. South Korea Central이 존재.(여기서 선택한 Home Region은 추후 변경이 불가할 수 있으니 잘 선택해야…) 전화번호 검증. 비밀번호 입력. ‘일단’ 신용카드 정보 입력. 마지막 체크박스까지 입력해서 동의하면 완료! 자동으로 로그인 페이지로 이동… 역사적인 …

더 읽기 »

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 생활이 될 것 같습니다.

더 읽기 »