lang49 [mac] jupyter, virtualenv, python, pip 설치 [mac] jupyter, virtualenv, python, pip 설치 jupyter 노트북을 통한 파이썬 사용이 많아지고 있습니다. 머신러닝, 딥러닝을 배우고자 하는 사람들이 늘어서 그렇겠지요. 이를 위한 코딩의 첫 번째 관문인, 프로그래밍 언어(python) > 가상환경(virtualenv) > 스크립트 에디터(jupyter 노트북) 환경을 구축해봅시다. 이 글의 목표 입니다. mac os 에서 파이썬을 설치한다. virtaulenv 를 통해 가상환경을 구성한다. 가상환경안에서 jupyter notebook을 실행시킨다. % 단계적으로 구성되어있으니 필요하신 부분만 보셔도 됩니다. 1. python install mac 터미널은 우선 사용자 아이디로 접속이 됩니다. 기본으로 파이썬이 깔려있었지만,.. 2020. 9. 26. [Mac] 생산성을 향상 시키는 맥 단축키 기본 설정 Tip Mac Tip 맥북에는 다양한 제어키가 있다. 자주 사용되니 이 글에서는 아래와 같은 약어로 사용하겠다. command(⌘) : cmd option(⌥) : opt shift(⇧) : shift control(⌃) : ctrl tab(⇥) : tab escape : esc space bar : space 한/영 전환, 대/소문자 한/영 전환 : tab 대소문자 전화 : tab을 길게 누르기 화면 끄기 화면 탭 끄기 : cmd + w (탭 화면이 하나면 창이 꺼진다.) 화면 창 끄기 : cmd + q (탭이 여러 개 있다면 창을 끄므로 탭도 모두 꺼진다.) 몇몇 시스템 창은 esc 로도 꺼진다. 복붙 복사 : command(⌘) + c 붙여넣기 : command(⌘) + v 잘라 붙여넣기 : command.. 2020. 9. 13. Git 사용 방법 정리(commit, push, pull request, merge 등) Git git 개념 및 명령어 정리 개인 개발을 넘어, 공동 개발에서 효율적인 코드 형상 관리를 하기 위함. Git 영역 (1) Working Directory (Local) : 개인 코드 작성 (2) Staging 영역 : git add 를 통해서 수정된 코드를 올리는 영역 (3) Repository : git commit 을 통해서 최종 수정본을 제출 Git 작업 플로우 먼저 터미널에 git을 설치합니다. linux (Ubuntu) 기준 $ sudo apt install git-all (1) 저장소(Repository) 생성 원하는 폴더 들어간 후 $ git init 또는 기존 github에 있는 저장소를 내 로컬로 복제할 수도 있습니다. $ git clone (git 저장소의 URL) (2) .. 2020. 2. 17. Docker 설치 Ubuntu Docker 설치환경 Distributor ID: Ubuntu Description: Ubuntu 18.04.3 LTS Release: 18.04 Codename: bionic Windows 는 10 pro이상에서 다운이 가능합니다. Windows 또는 Mac은 공식 홈페이지 참조. https://docs.docker.com/docker-for-windows/ https://docs.docker.com/docker-for-mac/ 1. Install 1) 이전 버전을 삭제합니다 $ sudo apt-get remove docker docker-engine docker.io containerd runc 2) docker repository를 설정합니다. 이 레포로 부터 docker를 설치하고 업데이트 할 것.. 2020. 2. 16. [Spring] Spring JDBC 설명/실습 본 게시글은 edwith boostcourse를 공부하고 정리한 내용입니다. 1. Spring JDBC JDBC를 이용해서 프로그래밍을 하게 되면 반복적인 코드가 많이 발생하고, 이는 개발자의 생산성을 떨어뜨립니다. 이를 위해 Spring JDBC가 등장했습니다. JdbcTemplate RowMapper Spring JDBC에서 개발자가 할 일 동작 스프링 어플리케이션 개발자 연결 파라미터 정의 O 연결 오픈 O SQL문 지정 O 파라미터 선언, 파라미터 값 제공 O statement 준비와 실행 O 결과를 반복하는 루프 설정 O 각 iteration에 대한 작업 수행 O 모든 예외 처리 O 트랜잭션 제어 O 연결, statement, resultset 닫기 O Spring JDBC 패키지 org.spr.. 2020. 1. 4. [Spring] Java Spring 기본 Spring Core 1. Spring 1) Spring Framework 엔터프라이즈급(좀 큰) app을 구축할 수 있는 가벼운 솔루션, 원스탑숍(One-Stop-Shop) 모듈화가 잘 되어 있습니다. IoC 컨테이너 입니다. 트랜잭션을 선언적으로 관리할 수 있습니다. 완전한 기능을 갖춘 MVC framework를 제공합니다. AOP를 지원합니다. 스프링은 도메인 논리코드와 쉽게 분리될 수 있는 구조로 되어 있습니다. One-Stop-Shop : 모든 과정을 한꺼번에 해결하는 상점. 2) 프레임워크 모듈 Spring 프레임워크는 약 20개의 모듈로 구성되어 있습니다. 필요한 모듈만 가져다 사용 가능합니다. 3) AOP와 Instrumentation spring-AOP : AOP alliance와 호환되.. 2020. 1. 4. [Web app] Tab UI 설명, 구현 Tab UI Tab은 자주 사용되는 UI 중 하나 입니다. 많은 컨텐츠를 효과적으로 보여줄 수 있습니다. 1) 자주 보는 Tab UI 형태 상단 메뉴를 누르면, 새로고침 없이 아래 내용이 변경됩니다. 기본 코드 TAB UI TEST crong jk pobi honux hello jk Lorem ipsum dolor sit amet consectetur adipisicing elit. Error dignissimos nostrum voluptates atque fuga natus molestiae distinctio provident perferendis consequatur, ipsum saepe libero omnis quibusdam obcaecati placeat quidem excepturi ex.. 2019. 12. 31. [js] Web animation 웹 애니메이션 1. 웹 애니메이션 이해와 setTimeout 활용 사용자에게 매끄러운 UX를 지원해주어야 합니다. 1) 애니메이션 반복적 움직임의 처리를 말합니다. 웹 UI 애니메이션은 규칙적이고 단순한 방식으로 동작하는 CSS3의 transition, transform 속성을 사용하여 구현가능합니다. javascript로도 구현이 가능하지만 그보다 더 빠른 성능을 보장합니다. 특히 모바일웹에서는 CSS 방법이 더 빠릅니다. (특히 transition) 2) FPS FPS(frame per second)는 1초에 화면에 표현할 수 있는 정지화면(frame) 수 입니다. 매끄러운 애니메이션은 보통 60fps 입니다. 16.666ms 간격으로 frame생성이 필요합니다. (1000ms / 60fps = 16.. 2019. 12. 30. [Webapp] Ajax 비동기, 응답처리 Ajax 1. Ajax응답 처리와 비동기 1) Ajax와 비동기 새로고침없이 웹 화면의 일부분을 수정합니다. 자바스크립트 엔진과 웹 브라우저의 렌더링이 별도로 진행됩니다. function ajax() { var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function(){ console.log(this.responseText); }) oReq.open("GET", "localhost"); oReq.send(); } line 4의 익명함수는 line 8, 9보다 더 늦게 실행됩니다. 이 익명함수는 비동기로 실행되며, event queue에 보관되었다가 load 이벤트가 발생하면(서버로부터 브라우저가 데이터를 받으면) call stack에 실행.. 2019. 12. 8. [Webapp] DOM API, HTML 구조 수정 DOM API HTML은 동적으로 다양한게 변경될 수 있습니다. DOM APIs에서 이를 지원하는 다양한 메서드와 속성이 있습니다. 라이브러리를 사용하기 전, low-level의 DOM API를 먼저 배워봅니다. querySelector getElementById 등등.. createElement, createTextNode, appendChild insertBefore, innerText, innerHTML, insertAdjacentHTML 등등 1. DOM Node 조작 DOM API 1 다양한 APIs 1) document. 2) element. 2 DOM 탐색 APIs 유용한 DOM element 속성 var a = document.querySelector(".w3-table-all"); a.t.. 2019. 12. 7. 728x90 이전 1 2 3 4 5 다음
