명사절,형용사절,부사절 / 의문대명사,의문형용사,의문부사 / 간접의문문
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로 이동시
Provide(제공) / Inject(주입)
( 사진으로 보면 한눈에 알수있다. 데이터를 특정 컴포넌트까지 바로 전달가능하다 )- 부모템플릿에서 자식의 자식의 자식까지 전달할 props를 불필요하게 설정할 필요가 없음 (진작 알았다면..)- 반응성을 가진 변수를 전달시 전달 받은 후에도 그대로 반응성을 가짐부모
Computed값수정/스타일동적바인딩/v-for구조분해할당/watch의여러변수감시
( 5번의 예제. 렌더링된 결과 확인)1. computed값 수정하기computed의 값을 수정하기 위해선 setter를 사용함<script setup> import { ref, computed } from 'vue' const firstName = ref('Joh
속성과 이벤트의 동적바인딩 및 디렉티브 사용예제
1.속성을 동적바인딩하는 방법객체명 = { id : 'id명'}<요소명 v-bind="객체명" >2.이벤트 동적바인딩@[eventName]=이벤트핸들러3.속성 동적바인딩const attrName='속성명'<요소명 :[attrName]="'동적으로 속성을 등록합니다'"
조건부 slot / 동적 slot / 대체 컨텐츠를 사용한 slot
조건부 slotv-if="$slots.슬롯명"을 사용해서 slot을 조건부로 표시할수있다 (예제의 1번 참고)동적 slot변수에 슬롯명을 할당한후 동적으로 slot을 표시할수있다( 예제의 3번 참고 )#[변수명] v-slot:[변수명]등으로 사용가능하다대체 컨텐츠
slot 사용시 부모템플릿에서 자식컴포넌트의 매개변수 관리하기
아래와 같은 상황에 사용가능하다- (부모템플릿 ← 자식컴포넌트1 ← 자식컴포넌트2）와 같은 경우에 사용가능하다- 부모템플릿에서 자식컴포넌트1에서 자식컴포넌트2로 매개변수를 전달하는걸 관리가능하다예제1- 기본예제* 부모템플릿 <자식컴포넌트> <template
아부라 소바 나나이로
후쿠오카에 텐진에 위치한 소바집보통 소바가 아니라 아부라(기름) 소바라는 장르의 음식이다몸에 좋은 기름과 면을 사용해서 맛있고 또한 매운맛 또한 수제 시치미를 넣어서 조절할수있기 때문에 한국인의 입맛에 딱 맞다하지만 오너분이 혼자서 운영하시기때문에 조금 대기시간이 있을
git config pull.rebase false
git pull 명령어를 실행시 발생할수있는 경고이다경고의 내용은 아래와 같다- 브랜치를 가져올때 merge형식으로 받아올것이가- rebase형식으로 받아올것인가- fast-forward only로 받아올것인가를 정해달라는 내용이다이번의 정리에는 merge와 rebas