Study (29) 썸네일형 리스트형 Why "Docker" ? Why Docker? (노마드코더 Youtube) 1) Docker는 'environment disparity' 문제점을 해결해준다. - 'Environment disparity' : 개발환경이 맞지 않은 상황 (ex. 윈도우에서 개발하고 리눅스 서버에 올릴 때) - 해결방법 : 도커를 양측 모두에 설치하고 도커파일(+환경설정)을 만들어서 마찬가지로 모두에 전달하면 도커가 파일을 읽어 필요한 내용을 다운받고 해당 설정한 환경과 같은 버츄얼 컨테이너를 만들어 줌! 2) Docker 컨테이너들은 모두 각각 독립적임 - 이 특징 덕분에 한 개 서버에 각기 다른 종류의, 또 많은 수의 컨테이너를 갖을 수 있다. - 하나의 같은 서버에서 각기 다른 환경의 컨테이너를 설정할 수 있고 컨테이너의 갯수를 늘리고 줄이는.. 도커 서버 만들기 (with VisualStudioCode) Docker도커 (www.docker.com/) 1. VisualStudicoCode - docker 플러그인 설치 - - 2. 도커 설치확인 (터미널) $ docker version 3. nginx 설치 * nginx : 웹 서버 소프트웨어 (www.nginx.com/welcome-to-nginx/) * nginx-doker : (hub.docker.com/_/nginx) $ docker pull nginx 4. docker image 확인 $ docker images 5. docker container 확인 1) 실행중인 컨테이너만 확인 $ docker ps 2) 모든 컨테이너 확인 $ docker ps -a 6. docker container 생성 및 실행 $ docker run 1) 도커 컨테이너.. Vuetify Infinity Scroll _ 무한 스크롤 Infinity Scroll _ 무한 스크롤 : 스크롤을 내려서 하단에 닿을 때마다 새로이 정보를 불러와 추가해주는 기능 구글링 찾은 코드 : codepen.io/mednabouli/pen/EdKzzL 코드도 간단해서 사용했는데 문제가 발생. 듀얼 모니터 사용 시, 주 모니터 화면을 기준으로 스크롤 위치를 잡아버림. 큰 모니터를 주로, 작은 모니터를 보조로 사용한 경우 같은 인터넷 창을 큰 모니터는 최하단을 1000으로 잡을 때, 작은 모니터는 999.xxx 식으로 잡히는 문제가 발생 (화면값+스크롤값을 더해도 전체 페이지 값을 넘지 못함) 간단하게 덧셈으로 값을 넣어줌 단순히 작은 편법으로 1만 넣어줘도 문제가 해결됐으나 휴대폰으로 화면을 열었을 경우 비슷한 문제 발생으로 값을 조금 더 크게 넣어주기로.. [에러이슈] Error: Rule can only have one resource source (provided resource and test + include + exclude) vue.js 사용 오류 INFO Starting development server... ERROR Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "exclude": [ null ], "use": [ { "loader": "D:\\forTest\\vue-cli\\node_modules\\cache-loader\\dist\\cjs.js", "options": { "cacheDirectory": "D:\\forTest\\vue-cli\\node_modules\\.cache\\babel-loader", "cacheIdentifier": "5ee75e4e" }, "ident": "c.. Spring-Boot-Starter : Validation API 사용 유의사항 인프런 강좌 - 유효성 체크를 위한 Validation API 사용편에서 터진 오류 @Size, @past, @Valid, @NotEmpty, ... 등과 같은 어노테이션을 사용하는데 오류 발생! 1) javax.validation 패키지 import 가 안된다?! 위 패키지는 spring-boot-starter-web 2.2.x 버전에는 포함되었으나 업데이트가 되면서 빠져버림 그래서 를 추가해주어야함. 2) Run 은 되는데 오류가 터지질 않고 = Valid 되지 않고 잘 된다? 마찬가지로 spring-boot-starter-validation 가 빠졌기 때문 (2.3.x 버전 이상은 빠짐) 따라서, pom.xml (메이븐)에 두 dependency를 추가해줄것 org.springframework.bo.. Vue.js 배우기 기초이론 Lv.02 1. Vue CLI : Standard Tooling for Vue.js Development 명령어 실행/보조 도구 = 커맨드창/터미널 창에서 타이핑으로 명령어를 입력하면 실행해주는 도구 = 내부적으로 WebPack을 활용하며, Vue 프로젝트 생성, Vue 플러그인 설치/삭제 등을 명령어로 제공 1) 설치 & 프로젝트 생성 (기본셋팅환경- Node.js 설치완료 : Node.js 내의 npm(Node Package Manager)을 통해 vue-cli 패키지를 설치하므로) # npm(node pakage manager)은? : package.json 파일에 정의가 되어있는 scripts 아래 명령어를 간략하게 실행하기 위해 도와준다. -1. VSCode 메뉴바MenuBar에서 Terminal - ne.. Vue.js 배우기 기초이론 Lv.01 0. Setting ㅡ1) 설치 : Node.js (nodejs.org/ko/) : 이왕이면 왼쪽편의 확인된 버전으로 ㅡ2) 크롬 확장 프로그램 설정 : Vue.js dev tools (chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) ㅡ3) VSCode-Plug-in 설치 (추천) : VSCode로 학습 Vetur : vue를 쓰기 위해 필수 플러그인 Material Icon Theme : 아이콘 테마 플러그인 Night Owl : 화면 테마 플러그인 Live Server : 서버를 바로 돌릴 수 있는 플러그인 ESLint : 코드오류 잡아주는 플러그인 Prettier : 코드스타일을 정리해주는 플러그인 .. H2 DataBase 두번째 새 저장소 만들기(create a new database) 인프런 강좌를 연달아 듣고 있는데 첫번째 저장소(~/test) 만든 후, 추가해서 만들어서 쓰고 싶은데 안되서 빡침... 오른쪽 클릭, Create a new database 찾기 2_2) ./[새DB이름] 작성하고 create! 누르기 2_3) password 오류 발생해서 빡친 후, 아무값이나 넣어서 생성하기 다시 클릭! a 넣어봤음 --> 생성됨! (다음에 b를 넣어보았더니 b도 생성됨. 그냥 넣고 싶은 값 넣으면 되는듯) 3. 실행하기 --> url에 db 이름 잘 쳐서 넣고 사용자명/비밀번호(a) 넣어서 연결 3_1) 비밀번호 매번 넣기 귀찮아서 수정 gogo ALTER USER SA SET PASSWORD '(수정할값)'; ->실행/ 비밀번호 넣기 싫어서 아무값도 넣지 않고 실행했음 ->갱신된.. 이전 1 2 3 4 다음
