목록전체 글 (549)
똑같은 삽질은 2번 하지 말자
xxx.php public function toJSON() { return $this->toISOString(); } // 이하의 형태로 넘김 'xxx' => xxx -> toJSON() 어디든 스크립트 코드가 되는곳,,
보호되어 있는 글입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/yHXfa/btrhd6KPpbO/XG8mb5QniNZ6KmKD2FIdJk/img.png)
Typescript 로 마이그레이션 하면서 기록하고 싶은것들 1. 결과값(JSON)이 비었을 경우 해당 결과를 빈 배열로 초기화 하고 싶을때 2. debugger 중단점 말고 키워드로 디버깅하는 방법 (꽤 유용할꺼 같아 적어놓음) 3. computed 의 반환타입은 무조건 넣어줘야 올바른 추론이 이루어질 수 있다. computed의 사용용도? 간결하고 직관적인 템플릿 표현식 조건에 따라 HTML 클래스를 추가/변경할 때 Vuex의 state값에 접근할 때 다국어 라이브러리에도 활용 가능 4. 자동 추론.. 타입을 정의해야하는 필요성에 대해 좀더 깊게 생각해보자 밑의 경우는 fetch의 리턴타입을 정의함으로써 sort안 내부 메소드의 param의 자동추론이 이루어지는 케이스인데, sort 메소드의 para..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/L1pMZ/btrhh63S7DM/FTaV99enoOqgRsOa7Quekk/img.jpg)
nuxtServerInit 서버사이드에서 실행되는 Vuex action 함수이며, 비동기로 store에 데이터를 셋팅할 수 있다. 또한 storeContext(store..) nuxtContenxt(res,req...)를 이용할 수 있습니다. 실용예로써는 로그인 인증 결과를 바탕으로 페이지 배정 등등 ※ 사용할 수 있는 장소는 /store/index.ts 뿐이므로 주의 middleware 페이지를 렌더링(생성)하기 전에 실행시키는 함수나 모듈입니다. /middleware 내의 파일을 만들어 파일의 이름으로 middleware를 페이지에 추가하면 사용할 수 있다. 보통 인증(Login한 User? 확인)을 위해 많이 사용되어진다. asyncData, fetch 외부 API에서 axios 등으로 데이터를 가..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/HjzKi/btrhetLZUXg/iX4DBkkQSeZdJkubw0LBbK/img.png)
icommon.svg 에 커스텀으로 추가한 아이콘이 들어가있다고 생각하고 셋팅파일을 다시 처음부터 만들어내는 과정이다. icommon에 이번에 새로운 아이콘이 필요해져서 추가하다가 svg만 변경하는것만으로 안되서 공식사이트에서 fonts/ 이하의 파일들을 처음부터 다시 만들어서 넣으니 적용되었으므로 그걸 기록한다. 1. 이하의 New Empty Set에 들어간다 (https://icomoon.io/app/#/select) 2. Import to Set 클릭 3. 세개의 파일을 Import한다. 4. 본인의 Set의 요소들을 전부 Select하고 Generate Font 클릭 5. Font Download로 fonts이하의 파일들로 기존 프로젝트의 것들을 지우고 갈아 끼운다.
보호되어 있는 글입니다.
1. json server를 이용해서 데이터(db.json)를 만든다. https://www.npmjs.com/package/json-server json-server Get a full fake REST API with zero coding in less than 30 seconds www.npmjs.com 2. 전용 Github Repository를 하나 만들어서 db.json을 올린다 (Read.me는 만들어 두자) 3. 이하의 사이트에 있는 깃헙연동하는 방법을 본다.(URL에 /깃헙아이디/레포지터리이름 을 쓰면 그게 API서버가 된다.) https://my-json-server.typicode.com/ My JSON Server - Fake online REST server for teams my..
보호되어 있는 글입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bjYWvP/btrfrdSBN2L/C8ioPVWATsgokR9cg7eaLk/img.png)
긴무우우우운자아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아앙 .flex{ display: flex; width: 540px; background-color: rgb(236, 161, 48); } .col-1{ width: 200px; background-color: rgb(42, 152, 138); padding: 8px; } .col-2{ flex: 1; padding: 8px; } .col-2 p { font-size: 36px; color: black; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 이렇게 overflow가 안 먹힌다는건 자신의 width가 제한이 안되어 있다는걸 의미한..
보호되어 있는 글입니다.