2020년 7월 출간된 캐글 가이드의 번역 후기입니다. 올해 여름은 그 어떤 해보다 많은 비가 내렸고, 코로나라는 역병이 강타한 괴롭고 외로운 계절이었습니다. 캐글 가이드를 번역하는 동안 세계가 빠르게 변화하고 있다는 사실을 몸소 알게 되었고, 글로벌 세상의 영향에서 벗어날 길은 없다는 결론을 내렸습니다. 원서는 “データサイエンスの森 Kaggleの歩き方” 입니다. 데이터 과학자의 포털 사이트인 캐글(Kaggle)을 어떻게 시작하는지, 경진 대회에 참여하는 여러 팁을 알려줍니다. 캐글은 기계 …

angular.io의 resources 메뉴 클릭 UI Components 섹션의 ngx-bootstrap을 클릭 get started 사용법이 잘 나와 있다. ng add를 사용해 부트스트랩 모듈을 추가 가능. 아래 명령으로 앱 설치 ng add ngx-bootstrap –component buttons app.module.ts를 보면 이미 ButtonsModule을 사용할 준비가 되어 있음.(import구문) 원하는 페이지에 해당 요소 복사 ts파일에 singleModel을 On으로 초기화하고, btnCheckboxTrue에는 True(On)을, btnCheckboxFalse에는 False(Off)을 매칭시킴. 버튼의 라벨은 singleModel을 그대로 출력 초기 상태 …

최근 프로젝트에서 앵귤러만 사용해왔는데, 뷰는 어떻게 시작하는 걸까? 고민을 하며 강의를 수강함. package.json에는 serve, build, lint가 존재. serve: runs the appbuild: going to run a production build process npm run build dist폴더가 만들어지고, 해당 폴더에는 index.html 등이 최적화되어 생성됨. src폴더에는 main파일이 있음 new Vue로 새 인스턴스를 만들고 있다. App이 html의 div id가 app인 요소에 마운트 됨. html은 public 폴더에 존재하며, …

vue create hello-vue -d 새 웹앱을 만들 때 vue create문을 사용. -d를 사용하면 설정이 기본값으로 지정된다. 인터넷 연결 상태가 좋지 않아 겨우겨우 성공. .gitignore에 node_modules가 들어 있어서, 더 이상 해당 폴더를 추적하지 않게 됨. package.json을 보면 core-js와 vue에 대한 의존성이 보인다. 위쪽에는 serve 명령이 실제로 무엇을 실행하는지도 나타나 있음. npm run serve localhost:8080에 접속하면 Vue.js 환영 메시지가 나타난다. Vue CLI로 …

Shortcut Keys 현재 설정. 기본값인데 키보드 전환에 사용되는 키와 충돌한다. Switch keyboard 컨트롤 + 스페이스를 눌렀을 때 나오는 키보드 전환 팝업. intelliSense shortcut key alt(option) + space로 ‘제안 항목 트리거’를 변경 변경. ALT + SPACE intelliSense가 잘 동작한다. 물론, 키보드 전환과도 겹치지 않음.

Pluralsight의 Vue.js: Getting Started를 보며 실습 CDN에서 Vue 임포트해 사용하기 처음엔 CDN에서 내려받아 Vue.js를 구현 new Vue로 만든 오브젝트의 데이터 모델을 그대로 name에 출력하는 모습. input 필드의 값을 변경하면 하단 텍스트도 함께 변경됨. Vue Tool installation npm install -g @vue/cli 터미널에서 Vue CLI설치. 개발 속도 향상을 위해 CLI는 필수. vue, node, npm 버전 확인 Vetur https://marketplace.visualstudio.com/items?itemName=octref.vetur&WT.mc_id=vuegettingstarted-github-jopapa Vue Code Snippets https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets&WT.mc_id=vuegettingstarted-github-jopapa …

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의 파라미터가 …

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: 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만을 …