검색
검색내용을 입력하세요.
본문 바로가기
보드게임 긱 추천 게임
Wizard Thumbnail
BoardGameGeek 사이트에서 인기순위 상위 100개 중 랜덤 3개를 보여줍니다.
BGG
귀펀치토끼는 부서지지 않는다.
뒤로
앞으로
중지
새로고침
홈
방명록
구독
주소(D)

분류 전체보기

 (169)
[API] PUT과 POST를 이용해서 REST API를 다뤄보자. POST 주소입력 Body -> raw / JSON 에러뜸 실화? 에러 없애보세요 브라우저 주소에 입력하면 get 메소드로 요청이 가구요 스웨거에 post 로 명시되어 있으면 포스트맨으로 post 요청 보내기 포스트맨 사용법이랑 rest api 스펙을 검색 이제야 API가 왔다. try it out -> bearer 'token' 예에~~ 왓다~~~~~₩ 하지만 문제가 있었으니, 분명 POST를 SEND했을 때 포스트맨에서는 Created 되었다고 뜬다. 그런데 GET 하면 방금 생성한 데이터가 보이지 않는다. ??? 도대체 어디에서부터 잘못된 것일까? API 단일조회 api/sales/{salesId} 우선 데이터가 있는지 없는지부터 확인을 해야하니 단일조회를 실행했다. 그런데 정상적으로 들어온 것이 ..
[Vue.js] 🍍Pinia vuex 는 vue 에서 상태관리를 편하게 하기위해서 사용한다 - 전역 상태 ( 거의 필수, token ) - 나머진 사용하기 나름 ( API , 페이지 상태 ) What is a Store? A Store (like Pinia) is an entity holding state and business logic that isn't bound to your Component tree. In other words, it hosts global state. It's a bit like a component that is always there and that everybody can read off and write to. It has three concepts, the state, getters and ac..
[Vue.js] 폼 입력값의 v-model v-model modifier v-model.trim -> 앞뒤로 공백을 없애준다. v-model.number -> type="text"라도 String이 아니라 Number로 반환된다. v-model.lazy -> 다 쳐야 나온다. v-model의 사용처 textarea, selection, checkbox, radio button 등 입력하는 애들 Input Text Radio Button 양방향 바인딩 v-model="변수" {{ header }} {{ newItem }} ssr티어: 상위 하위 {{ newItemPriority}} {{ index }} {{ label }} CheckBox Boolean Toggle const tier = ref('false'); CheckBox List const..
[Vue.js] 컴포지션 API, 컴포넌트화 컴포지션 API를 사용하는 이유 {{ number }} 상승 하락 숫자를 증가시키는 코드를 옵션 API로 작성해보았습니다. number()에 붙은 게 벌써 data, computed, methods 세 개입니다. 기능이 한 개라서 아직은 정리하는데 문제가 없지만 그런데 코드가 길어진다면? 어우; 코드 읽다가 오전근무 날리게 생겼어요. 옵션API와 컴포지션API의 전체적인 코드 비교 각 기능마다 색칠해놨는데 컴포지션API가 훨씬 직관적이고 깔끔해보입니다. 코드 수정할 때 편하겠네요! 컴포지션 API 참고 사이트 https://vuejs.org/guide/extras/composition-api-faq.html#more-flexible-code-organization Composition API FAQ | ..
[Vue.js] 기초다지기 Attribute Binding 앞에 v-bind가 생략된 거임 조건 렌더링 Conditional Rendering v-if, v-else-if, v-else 리스트 렌더링 List Rendering v-for 이벤트 핸들링 Event Handling v-on:click -> @click Update Image when variant color is hovered on Class & Style Binding 기본적으로 { } 안은 자바스크립트이기 때문에 kebab-case로 쓰면 '마이너스'로 인식한다. inStock이 false일 때 disabled Computed Properties {{ brand + product }} ㅇㅈㄹ 하지말고 {{ title }} 로 해결하세요
[HTML] type="date" 아이콘 너비 바꾸기 ::-webkit-calendar-picker-indicator { margin-left: 0; }
[Vue.js] 토글 {{ "상품명" + item.producttitle + item.selected }} 삭제 const selectItem = (index: number) => { // eslint-disable-next-line no-shadow items.value.forEach((item, itemIndex) => { if (index === itemIndex) { items.value[index].selected = !items.value[index].selected; // eslint-disable-next-line no-param-reassign } else item.selected = false; }); };
[Vue.js] 테이블 예시 No 접수(등록)일시 유입방식 대표상태 상세상태 계약가능성 성함 매장명 테이블수 등록자 최종수정자 담당자 USA Washington D.C. 309 million English USA Washington D.C. 309 million English USA Washington D.C. 309 million English USA Washington D.C. 309 million English USA Washington D.C. 309 million English USA Washington D.C. 309 million English « 1 2 3 4 5 6 »
완료
내 컴퓨터

티스토리툴바