https://app.pluralsight.com/library/courses/angular-forms/table-of-contents 위 강좌를 보며 실습. 이번엔 HTTP Form Posting. 데이터 서비스 만들기 ng generate service data data.service가 추가됨 postUserSettingsForm을 Observable을 활용해 추가(rxjs가 임포트됨) user-settings-form의 constructor에 DataService를 액세스할 수 있도록 함 onSubmit에 Observable의 subscribe를 이용해 콘솔에 result, error 출력 Name을 입력한 후 Send를 클릭 success: 결과가 나타남 HttpClient로 HTTP액세스 app.module.ts의 imports에 HttpClientModule을 추가.(@angular/common/http) data.service에 돌아와서, postUserSettingsForm 메서드의 출력을 변경. post의 파라미터가 …
더 읽기 »아크몬드
Angular Forms: Validation
https://app.pluralsight.com/library/courses/angular-forms/table-of-contents 위 강좌를 보며 실습. 이번엔 중요한 Validation이다. HTML5 필드 검증(브라우저의 기본 기능 활용) 일단 데이터를 null로 초기화 본래라면 꺼져 있는 브라우저 자체의 검증 기능을 ngNativeValidate 스위치로 다시 켬. 폼에 required 옵션을 추가하니 Send 버튼을 눌렀을 때 입력해달라는 경고가 나타난다. pattern에서 정규식 표현을 넣어서 이와 일치하는지 확인 가능. 그 외에도 minlength나, maxlength, 간단히 입력 타입 검사와 범위 지정도 가능. CSS …
더 읽기 »신간: 파이썬으로 배우는 딥러닝 교과서
번역의 ‘번’도 몰랐던 제가 3번째 머신러닝/딥러닝 도서를 출간했습니다. 저의 번역 작업 20%에, 여러 편집자께서 80% 힘을 보태주신 덕택에 무사히 세상에 나올 수 있었습니다. 이번 책은 무려 712페이지에 걸쳐 파이썬 딥러닝을 배웁니다. 이 책의 원서는 2만명 이상의 회원이 100만 회 이상 학습했다고 하는 Aidemy 서비스를 운영하는 저자가 쓴 책으로, 프로그래밍 초보자라도 이 책을 전부 읽은 뒤에는 어느 정도 딥러닝에 대한 지식을 …
더 읽기 »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에 부트스트랩 모듈 …
더 읽기 »모여봐요 동물의 숲: 일주일 차
FE풍화설월 이후, 생각보다 마음에 드는 게임이 없어서 닌텐도 스위치를 방치해 두고 있었다. 가끔 RingFit Adventure로 스트레칭이나 미니게임을 즐기는 정도였다. 그러다가 최근의 광풍(?)이라고도 할 만한 동숲 열풍에 끼어들고자, 지난 주 주말에 츠치우라 이온몰에 가서 3층 게임 코너에서 운좋게 게임 칩을 업어 왔다. 아래는 일주일간 즐긴 내용들. #동물의숲 #AnimalCrossing #ACNH #NintendoSwitch pic.twitter.com/Elp3HqlSwA— 아크몬드 Archmond.com (@archmond) March 22, 2020 처음에는 일본어로 진행하다가, 본체 …
더 읽기 »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은 추후 변경이 불가할 수 있으니 잘 선택해야…) 전화번호 검증. 비밀번호 입력. ‘일단’ 신용카드 정보 입력. 마지막 체크박스까지 입력해서 동의하면 완료! 자동으로 로그인 페이지로 이동… 역사적인 …
더 읽기 »Warcraft 3 Reforged: 정식출시!
워크래프트® III: 리포지드 정식 출시! 정식 버전이다!(어제 출시됨) “전쟁이 돌아왔습니다” 저퀄이라고 말들이 많은데, PC방에서 멀티만 즐겼던지라 캠페인 플레이가 매우 기대됨… 고등학교 시절의 추억이 되살아날 것 같다. 느려서 언제 플레이할 수 있을지 모르겠다…ㅋㅋ 내일 저녁이나 주말에 플레이할 예정. 다음 날이 되어서야 다운로드가 완료됨. 첫 화면은 오리지널 같은 느낌. 캠페인 선택 화면이 간지난다… 믿숩니다! 믿고요~ 이 로딩 화면도 깨알 추억 ㅋㅋㅋ 확대한 …
더 읽기 »Update Git on Windows : 윈도우용 깃 업데이트
https://git-scm.com/downloads 현재 최신 버전은 2.25.0이다. 명령 프롬프트(cmd.exe)를 열어서 아래 명령을 입력한다. git –version 현재 내 버전은 2.18.0.windows.1 git update-git-for-windows 최신 버전으로 다운로드하고 설치하시겠습니까? y를 눌러 진행.
더 읽기 »