본문 바로가기
보드게임 긱 추천 게임
Wizard Thumbnail
BoardGameGeek 사이트에서 인기순위 상위 100개 중 랜덤 3개를 보여줍니다.
BGG
귀펀치토끼는 부서지지 않는다.
주소(D)

전체 글

(169)
부모님과 나 부모님이랑 처음 소주 마실 땐가 엄마가 원샷하면서 "아우~ 쓰다" 이러시길래 내가 "인생보단.. 덜 쓰다..." 이랬다가 엄마 "크~~~~~~" 하고 따봉 날리심 ㅋㅋㅋㅋㅋㅋㅋ 내 나이 만 19세 때 시집을 갔다. 식장에서 부모님이 우시고 나도 눈물이 찔끔 났다. 결혼하고 한 달 뒤에 부모님 집에서 내가 뒹굴뒹굴~ 하고 있으니까 엄마가 갑자기 "결혼해서 어디 떠나는 줄 알고 울었는데 어떻게 애가 똑같어!!!" 하면서 겁나 화내심 ㅜㅜ 엥 나 가만히 있었는데 ㅜ; 내 나이 만 28세 때 부모님 계신 지역 놀러갔다가 중학교 때 친했던 친구들이랑 밤새 술 마시고 새벽에 집에 들어왔다. 몸도 못 가누고 거실에서 널부러져 있는데 아침에 부모님이 하시는 대화 엄마: 아이고~~ 우리 딸이 벌써 다 커서 친구들이랑 술..
13세기 영국 박쥐 눈이 고통으로 가득찼어
sedsa api/sales?paged=true&pageNumber=1&pageSize=1&type=1 api/unique?page=1&salesId=1&size=2
상비약 리스트 1. 플로라딘 2. 애드빌 3. 하이드로코르티손 1% 4. 모메트나잘스프레이 5. 뉴브이로토이엑스 6. 나조린
오늘 회의 1. 패키지제이슨 먼저 봐야한다. 왜? 디펜던시 봐야하기 때문에 script -> 사용자가 정해놓은 명령어 ex) yarn sever 하면 yarn vue-cli-service serve라고 쳐지는 거다. dependencies 런타임 devDependencies 컴파일 2. main.ts createApp(App) 프로젝트 생성하고 public/index.html에서 .mount('#app')를 불러온다. (id="app") 3. App.vue router-view랑 스타일 선언 4. api 설명하기 endPoints.ts에서 url 선언 -> index.ts에서 export login.ts(내가 사용할 api 파일을 만들고) Layout > view > container > component inte..
[Vue.js] REST API로 호출 22.05.31 화요일 할 일 Store에 Pinia를 만들어서 api -> store -> vue로 상태관리 하기 Pinia 적용 https://uxgjs.tistory.com/138 Vue.js에서 axios를 사용하여 서버통신하는 방법 웹 또는 앱을 개발하다 보면 거의 대부분이 서버가 필요하게 됩니다. 서버에 내용을 저장하고 웹이나 앱에서 서버의 저장된 내용을 불러다가 사용자에게 보여주게 되는데요. 이때 javascript에는 a ux.stories.pe.kr 도움을 주신 분들 https://jasonwatmore.com/post/2020/07/23/vue-axios-http-post-request-examples Vue + Axios - HTTP POST Request Examples | Jaso..
내코드 남코드 비교 수정이력 / 특이사항 열기 ▲ 수정이력 / 특이사항 닫기 ▼ 수정이력 / 특이사항 닫기 ▼ 크게보기 작게보기 변경이력
Error: .eslintrc.js: Environment key "vue/setup-compiler-macros" is unknown npm uni -D babel-eslint
[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 »
완료
내 컴퓨터