Half Road

최근 Vue 설치하신분들은 Vite(비트)를 Build Tool로 지정하여 사용하실 텐데요. Vite에서 @ Alias(별칭)에 대한 소개가 별로 없어서 정리해보겠습니다. Vite 설정파일 Vite 설정파일은 Project 폴더 바로 아래 위치합니다. 해당 파일 안에서 alias를 지정할 수 있는데요. 기본적으로 ./src -> @ 로 지정되어있습니다. 위 이미지처럼 alias 를 지정하였기 때문에 @를 사용해서 경로 지정이 가능합니다. ./src/components -> @/components 이런식으로 작성하면 상대 경로를 고민할 필요없이 간단하게 작성이 가능합니다. VSCode Editor에 별칭 등록 Vite는 Build Tool이기 떄문에 Compile시에 Alias를 정해진 Url로 바꿔줄수 ..

Login 페이지에서 메인 페이지로 전환 하는 방법을 찿던중 emit기능을 알게 되었습니다. 상위 컴포넌트와 통신하는 방법으로 사용하는 기능으로 emit을 쓰더라구요. 간단한 예제로 알아봅시다. 이 무엇인지 몰라 찿아보니 아래와 같았습니다. Composition API 사용을 위한 Syntatic Sugar (기존 문법이 간단한 문법으로 표현될때 쓰는 용어, ex. Jquery, Async, Await) This is Before Go After This is After 순서 1. EmitExam에서 chagne Event를 Before.vue 컴포넌트에 정의 2. Before.vue에서 change Evnet 실행(emit) 3. EmitExam에 isBefore이 false로 바뀌면서 After.vu..

VUE CLI 설치시 기본 CSS Vue CLI로 프로젝트 생성시에 기본적으로 만들어지는 file인 base.css, main.css가 만들어질거에요. base.css는 app 기본 css를 담당하는 파일입니다. base.css > main.css 로 구성되어 있습니다. theme를 바꿀떄는 base.css 파일을 열어서 바꿉니다. @media (prefers-color-scheme: dark) {...}// 어둡게 // or @media (prefers-color-scheme: light) {...}// 밝게

저는 웹강의를 얼마전 끝냈는데요, 해당 강의 종료시점에 한것이 AWS에 페이지 하나 올려서 확인하는 거였습니다. 그런데 이것으로는 아쉬운감이 있어서 이때까지 강의에서 만들어본 페이지를 모두 보여줄수 있는 페이지를 만들기로 하고 방법을 찿아서 했던 것들을 정리하겠습니다. flask 프로젝트에서 .py 파일 분리하기 (Blueprint) 두개의 간단한 flask app을 어떻게 하나의 app.py에서 관리할 수 있을까가 고민이였습니다. 예를들면 위 이미지 처럼 collection 프로젝트의 app.py로 mars, fandiary app을 통합하고 싶었습니다. 여기서 사용할 수 있던 flask module중 하나인 Blueprint 였습니다. # fandiary.bp.py from flask import B..

용어 Redirection output : > (Overwrite), >> (append) input : test.txt cat test.txt # hi echo 'hello' > test.txt cat test.txxt # hello echo 'hi' >> test.txt# append cat test.txt # hello # hi cat test2.txt # pipeline & redirection cat test2.t..

pip install pymongo # flask package 설치 분명히 패키지를 설치했음에도 ModuleNotFoundError가 발생했습니다. 왜 그런지 알기위해 이것저것 알아본 결과를 말씀드리겠습니다. 원인 pip 가 가르키는 python version 문제 였습니다. pip --version # pip version 확인 python -m pip --version # python 명령어를 통한 pip 실행 python --version # python version python3.8 --version # python3.8 version확인 이제 감이 오시나요? 'python -m'을 앞에 명시 함으로서 pip의 대상 python version을 명시할 수 있습니다. 응용 그럼 역으로 생각해보죠..

궁금증은 제목 대로 저기서 부터 시작됬습니다. 그런데 파고 들수록 기반에 깔린 배경들이 있더라구요. 한번 같이 알아보겠습니다. init Process Linux 부팅시에 최초로 실행되는 process입니다. booting시에 OS 운영에 필요한 서비스들을 실행시키죠. init Process 동작 방식은 시간이 흐르면서 변했는데 3단계를 거쳐 변화했습니다. sysVinit -> upstart -> Systemd 순으로 말이죠. sysVinit 초기 Initialization program 으로 1980년 초반에 만들어졌습니다. 아직도 종종 보이는 service 명령어가 있는데 이게 바로 sysVinit 명령어 입니다. # sysVinit 명령어 service start # /etc/init.d/networ..

Docker Desktop을 통해 Docker Object들을 쉽게 관리할수 있지만 터미널 명령어를 실행해보면서 전체 그림을 잡아나가는 것도 좋을것 같습니다. Image, Container와 관련된 기본 명령어들을 소개하겠습니다. Hello World Image 다운로드 docker pull hello-world # hello-world image 다운로드 Container 생성 및 실행 docker run hello-world Image, Container 목록 확인 docker image ls # image 목록 docker ps -a # 모든 Container 목록 Container로 터미널 접속 docker run -it busybox # busybox 컨테이너로 터미널 접속 Container 객..