본문 바로가기

전체 글

 (142)
Advanced grep/find technique - linux directory 아래 subdirectory 중에 특정 string 을 포함하고 있는 directory 가 있는지 확인하는 방법 tree | grep vue-3  :  vue-3 를 포함하고 있는 directory name 와 file name 만 볼수 있다.tree  -f  | grep vue-3  : vue-3 를 포함하고 있는 full directory name 와 file name 만 볼수 있다.find . -name ".git"  : current directory 아래 subdirectory 중에 .git 이라는 것을 볼 수 있다.  directory 아래 subdirectory 중에 특정 string 을 포함하고 있는 directory 를 모두 지우는 방법find . -name .git -..
리눅스에서 네트워크 상태를 확인하는 명령어 ifquery 명령 간략한 네트워크 인터페이스 목록을 나타낸다 ifquery --list ifconfig 명령 구성 데이터와 함께 패킷 수를 보여주므로 각 인터페이스의 사용량이 얼마나 많은지 확인할수 있음. ifconfig eth0 eth0: flags=4163 mtu 1500 inet 172.21.213.75 netmask 255.255.240.0 broadcast 172.21.223.255 inet6 fe80::215:5dff:fef1:dcaf prefixlen 64 scopeid 0x20 ether 00:15:5d:f1:dc:af txqueuelen 1000 (Ethernet) RX packets 22518 bytes 133187336 (133.1 MB) RX errors 0 dropped 0 ov..
postman 사용법 w/ Django 사용하는 목적 Frontend s/w 가 준비되지 않은 상태에서 backend 에서 설계된 REST API 가 정상동작하는지 확인하기 위하여 사용한다. django 에서는 CSRF token 을 수반하여 server 로 통신을 한다. 하지만 일반적으로 cookie 는 자주 바뀌기 때문에 바뀐 X-CSRFToken 값을 postman 에서 자동으로 얻어오는 것을 tests tab 에 아래와 같이 작성해야 한다. 아래는 Django 애서 "dj_rest_auth", "dj_rest_auth.registration" 을 이용하여 User Account 를 만드는 api 를 확인하는 것이다 var xsrfCookie = postman.getResponseCookie("csrftoken"); postman.set..
Vue : Scoped Slots: Part 2 Cover some of the limitations to scoped slots as well as alternative syntax for scoped slots. scoped slots 의 일부 제한 사항과 대체 구문을 다룹니다. Why it is called “scoped” slots It provides the bookTitle data to the title slot, which we then access in our parent component: Title slot에서 bookTitle 데이터를 제공하고, parent component 에서 title slot의 bookTitle에 액세스합니다. Book.vue It provides the bookTitle data to the title ..
Vue : Scoped Slots - Part1 Slots allow developers to have the flexibility to provide content to a child component. 슬롯을 사용하면 개발자가 child component에 콘텐츠를 유연하게 제공할 수 있습니다. but What happens when the child component has control of the data? 하지만 하위 구성 요소가 데이터를 제어하면 어떻게 되나요? when we want to access data from the child, standard slots will not give us permission to grab that data. 하위 항목의 데이터에 액세스하려고 할 때 표준 슬롯은 해당 데이터를 가져올 수 있는 권한이 ..
Vue : Slots: Techniques What if you need to define multiple slots? you need a component to have the ability to receive content in multiple slots. 여러 슬롯에서 콘텐츠를 받아들일 수 있는 구성 요소가 필요합니다. To accomplish this, you need to understand two concepts: named slots and template blocks. 이를 달성하려면 named slots과 템플릿 블록이라는 두 가지 개념을 이해해야 합니다. What are named slots? Named slots are a way to configure your slots so that they are unique from o..
nano editor 사용법 note) nano editor 아래 menu 의 ^ 표시는 CTRL 표시이다. note) nano editor 아래 menu 의 M 표시는 ALT 표시이다. 단축키 단축키 동작 ctrl+g (F1) 도움말 표시 ctrl+x (F2) nano 종료 (혹은 현재의 file buffer를 닫음) ctrl+o (F3 현재 편집 중인 파일 저장 ctrl+j (F4) 문단을 justify(행의 끝을 나란히 맞추다)한다. 즉, 한 문단을 한 줄로 붙인다. ctrl+r (F5) 현재 file에 다른 file의 내용을 추가한다. ctrl+w (F6) text 검색 ctrl+c (F11) 현재의 cursor 위치 표시하기 ctrl+t (F12) spell check 시작 ctrl+\ 단어 바꾸기 ctrl+w 검색 ctr..
Vue - Global and Per-Route Guards use Global and Per-Route Guards to provide a progress bar when our application has slow internet API calls. 애플리케이션에 느린 인터넷 API 호출이 있을 때 진행률 표시줄을 제공하려면 전역 및 경로별 가드를 사용하세요. Problem: Our API calls might not always be super fast Solution #3: Global and Per-Route Guards /src/router.js use two new Global Route Guards inside our router.js and make the progress bar appear on every page of our app. route..

티스토리툴바