npx란 무엇인가 (npm과 npx의 차이)
npx를 실행후 npm 패키지가 비어있는것이 확인가능하다tailwindcss의 설치중 아래와 같은 cmd가 있었고 npx는 무엇인가 궁금했기에 조사하였다npm install -D tailwindcss npx tailwindcss initnpx와 npm의 차이 요약한줄
Tailwindcss의 Grid와 Order을 사용해서 순서 변경하기
( ↑ SP화면)( ↑ PC화면)아래와 같은 기능을 구현하는데 Grid와 Order를 사용하였다PC화면에선 1 , 2 , 3 요소가 한줄로 표시된다SP화면에선 1 , 3이 첫번째 줄로 표시되며2가 두번째 줄로 표시된다Grid와 Order을 사용하면 위와 같은 기능을
Form태그
(예제1의 실행화면)개인적으로 서버에 데이터 전송시에 Form태그를 사용하지 않았다그러나 HTML에서 제공하는 강력한 기능들이 많이 준비되어 있어서 사용하는 편이 여러므로 좋다는걸 프로젝트를 진행하며 느꼈다1. Form태그HTML에서 form 태그는 사용자로부터 입력을
시맨틱 레이아웃 ( Semantic layout )
시맨틱 (semantic)은 '의미론적'이란 뜻을 가지고있다각 태그가 어떤 의미로 쓰이는지 태그만 보고 알수있다 ( 이미지 참조 )구글의 웹크롤러가 해당 페이지를 조금 더 쉽게 이해할수있으므로 SEO에 이점이 있다<header>, <nav>, <article>, <se
구글 api 인증방법 3가지에 대해서
크게 API키를 이용한 방법 , OAuth 2.0 클라이언트 ID , 서비스 계정이 있다해당 인증방법들에 대한 특징과 차이점을 정리했다API 키설명: 사용자가 로그인하지 않아도 접근할 수 있는 공개 데이터를 사용할 때 주로 사용됩니다. API 키는 단순한 접근 권한을
가주어/진주어와 강조구문(it~that~)
1.가주어/진주어주어의 명사부분이 길어져서 주어부분(진주어)을 뒤로 보내고 주어가 it(가주어)으로 대체된것임 ( 영어는 서두가 긴것을 좋아하지 않기때문에 )원래 주어 부분의 to/that(명사절)/동명사 를 뒤로 보내고 그 자리에 가주어 it으로 표기한다To live
버퍼와 스트림에 대해서
버퍼와 스트림버퍼는 데이터를 메모리에 임시로 저장하는 공간을 의미한다스트림을 버퍼에 저장된 데이터를 사용하는 방식을 의미한다 ( 지속적으로 전달하는 방식 )버퍼버퍼는 동영상등의 데이터가 프로그래밍으로 핸들링 될수있도록 메모리에 저장하는것이다 100mb의 동영상을 재생하
명사절,형용사절,부사절 / 의문대명사,의문형용사,의문부사 / 간접의문문
1.명사절의 종류1. that절that은 생략되기도 함that절을 주어로 쓰는 것을 선호하지 않아 문장 마지막에 위치함예시That he told a lie is clear. (△) → It is clear (that) he told a lie.I said that I
Reduce함수에 대해서
한마디로 정의하자면 reduce함수를 사용하면 map,filter등의 배열함수들을 동시에 사용하는 효과를 내며반환값을 자유롭게 설정하기때문에 유연하게 사용가능하다단순히 누적기능만 있는 배열함수라고 생각했지만 같은 팀동료가 사용하는것을 보고 놀랐다filter와 map기능
tailwindcss의 선택자
1. &: 현재 요소에 적용 ( &: 현재요소 )[&:nth-child(3)]: 이 구문은 현재 요소의 세 번째 요소를 선택합니다.<ul role="list"> {#each items as item} <li class="[&:nth-child(3)]:un
Table에 대해서
(예제를 화면에 표시)table의 속성border와 width,height,cellpadding,cellspacing등이 있다table의 자식태그<caption> 테이블의 타이틀<thead><tbody><tfoot> 테이블의 헤더,바디,푸터를 분할하는 용도로 사용이며
vue Router정리
Vue Router 개념vue의 router는 기본적으로 javascript의 window.history (history API)를 기반으로 하고 있다path는 필수항목이다 name은 선택항목이다아래와 같이 설정후 <route-link>혹은 route.push로 이동시