분류 전체보기 (142) 썸네일형 리스트형 tailwind 의 layout w/ flex (1/2) note1) flex class 가 있는 div 안의 child 는 옆으로 layout 이 만들어 진다 note2) ½ 는 가로의 비율을 의미함 (50%”50%) note3) min-h-screen : min height 가 screen size 임, width 는 각각 전체 width 의 20% 80% 로 배정함 Sidebar Main content note4) min-h-screen 이 div 를 full screen 을 차지하게 함 Sidebar Main content note5) space-x-4 : child element 간에 space 를 x 축으로 4 point 를 준다. Sidebar Main content note6) flex-col : position items vertically S.. tailwind 의 layout w/ grid(inc setup) Practice 환경 준비 어래 link의 instruction 과 같이 project 를 setup 한다 (따라하기 쉬움) https://tailwindcss.com/docs/guides/nextjs Install Tailwind CSS with Next.js - Tailwind CSS Setting up Tailwind CSS in a Next.js v10+ project. tailwindcss.com npx create-next-app@latest tailwind-next --typescript --eslint cd my-project global.css 에서 모두 지우고 아래만 추가한다 @tailwind base; @tailwind components; @tailwind utilities; pro.. Linux Command (httpie) 특징 curl과 비슷한 http 요청과 응답을 처리할 수 있는 도구. request/response에 대한 format 적인 부분을 colorful하게 포맷을 변경해서 표시할 수 있음. json 지원 기능 내장 Form 과 file 업로드가 쉬움. HTTP 인증 및 커스텀 헤더 설정 가능 설치 sudo apt install httpie // Ubuntu 에서 설치하는 방밥 문법 http flag {METHOD} {URL} {ITEM} Method : HTTP Method(GET, POST, PUT, DELETE 등)을 의미하며 기본값으론 GET이 설정되어 있음. URL : 대상 URL을 의미 ITEM : 추가적인 데이터값들(POST/JSON Body 등) 용례 http -a admin:64105379 h.. Linux Command (curl) 정의 curl 은 command line 용 data transfer tool 로. download/upload 모두 가능. SHELL(커맨드라인 환경)에서 REST API(http) 테스트 하고 싶으면 curl 명령어를 이용 HTTP / HTTPS / FTP / LDAP / SCP / TELNET / SMTP / POP3 등 다양하고 중요한 프로토콜을 지원 문법 : curl [options] 용례 curl www.google.com 터미널 창에 www.google.com 홈페이지의 소스 코드를 인쇄 프로토콜을 지정하지 않은 경우, curl은 사용할 프로토콜을 추측하려고 시도하며, 이 프로토콜은 HTTP로 기본 설정 curl -o index.html http://www.gnu.org/software/ba.. Regular Expression 정규식이해를 위한 기본지식 메타문자란 : 메타 문자란 원래 그 문자가 가진 뜻이 아니라 특별한 의미를 가진 문자로 아래와 같은 종류가 있다 . ^ $ * + ? { } [ ] \ | ( ) [] (/[condition]/) : [] 은 문자 클래스라는 문자 ‘[’ 와 ‘]’ 사이의 문자들과 매치’하는 패턴이 있는지 한번 검사하는 것으로, 문자 클래스를 만드는 메타 문자인 [ ] 사이에는 어떤 문자도 들어갈 수 있다. 정규 표현식이 [abc]라면 이 표현식의 의미는 ‘a, b, c 중 한 개의 문자와 매치’를 뜻한다. 이해를 돕기 위해 문자열 "a", "before", "dude"가 정규식 [abc]와 어떻게 매치되는지 알아보겠다. "a"는 정규식과 일치하는 문자인 "a"가 있으므로 매치된다. "befor.. VIM side by side files open VIM 을 사용하다 보면 side by side 형식으로 두 file 을 open 하여 비교할 경우에는 아래의 절차로 진행하면 된다. vim file1.txt open 할 file open 한다. Ctrl+w v Open the side by side view: Ctrl+w h or l Change between them: :e file2.txt open another file for comparison in one side side by side mode 에서 vim 을 빠져나갈 경우에는 :q 를 두번 실행하면된다. Tip 비슷한 file 을 직접비교 할 경우에는 아래의 명령으로 진행하면 된다. vimdiff file1.txt file2.txt // file compare progream exit 는 .. github 에 등록 필요없는 file 제외하는 방법 .gitignore 에 제와할 directory 나 file 이름을 등록한다 virtenv db.sqlite3 node_modules .cache dist **/*.pyc 위와 같이 .gitignore파일 내 **/*.pyc를 작성하면 더 이상 코드가 깃허브에 업로드되지 않는다. 하지만 깃허브에 업로드목록에 표시되는 문제기 생기기고 하는데, 그 이유는 이미 파일이 등록되어 있어 깃허브에서는 변경되는 사항으로 알고 있게 됩니다. 그땐 아래 명령어를 통해 모든 캐시를 삭제해야 됩니다 git rm --cached *.pyc db.sqlite3 의 경우도 제외되지 않는 경우가 있는대 이때도 같은 방법을 사용하면 된다 git rm --cached db.sqlite3 Windows10 HotKey Windows key + I Open Settings app. Windows key + E Open File Explorer. Windows key + A Open Action center. Windows key + D Display and hide the desktop. Windows key + L Lock device. Windows key + V Open Clipboard bin. Windows key + Period (.) or Semicolon (;) Open emoji panel. Windows key + PrtScn Capture a full screenshot in the "Screenshots" folder. Windows key + Shift + S Capture part of the .. 이전 1 2 3 4 5 6 7 ··· 18 다음
