dinist

반복문에서의 내부함수 사용시 유의사항에 대한 기록을 남기게 된 이유는 var 키워드를 사용한 변수의 반복처리도중 만났던 문제를 해결하며 기록을 해야겠다는 생각에서부터 시작됐습니다. 예를 들어 설명해보겠습니다. product_info 객체는 상품코드가 Key이고, 하위코드, 하위단위가 각각 배열로 저장되어 있는 객체가 Value입니다. 상품코드와, 하위코드, 하위단위를 Back-End에 AJAX 요청을 하면 하위코드와 하위단위를 결합한 결과를 json으로 리턴하는 코드입니다. Back-End에 요청하는 자바스크립트 코드입니다. 예시를 위해 Promise, 화살표 함수등을 사용하였습니다. 실무에서는 기타 이유로 ES6 문법을 사용할 수 없습니다. 사실 반복문에서 이러한 문제는 구글에서 찾아보면 꽤나 많은 블..

Laravel 프레임워크를 Windows 에서 실행하는 대표적인 방법으로는 홈스테드를 사용하는 방법이 있습니다. 저는 artisan을 이용한 방식을 사용하고 있었는데요, 최근 PC를 초기화하면서 Laravel을 재설치 해야할 상황이 생겼습니다. 하지만 이번에는 다른 방식으로 설치를 해보고 싶어서 검색을 해본 결과 Docker와 WSL2를 이용한 Laravel Sail이 있다는것을 알게되었습니다. 그래서 이번에는 Laravel Sail을 설치해보도록 하겠습니다. 최신 윈도우 업데이트를 적용하시고 시작해주세요 1. WSL2 설치 Windows에서 WSL2를 사용하려면 Windows버전이 Windows10 2004 이상이여야 합니다. 2004보다 이전버전일 경우 Windows 업데이트를 진행하셔야 합니다! 우..

이미 페이지를 완성한 후 게시글을 작성하는 것이므로 자세한 사진설명이 생략되어 있습니다. 이 포스팅에서 사용하는 tailwindcss 버전은 v2 버전입니다. 만약 IE를 지원해야 한다면 es6-promise 와 tailwindcss 버전 v1을 사용해야합니다. v1와 v2간의 기능 차이가 있을 수 있습니다. [Laravel + tailwindcss + Vue.js] 날씨 페이지 만들기 - 1 https://dinist.tistory.com/36?category=1223053 [Laravel + tailwindcss + Vue.js] 날씨 페이지 만들기 - 1 라라벨, tailwindcss, Vue.js를 모두 사용해보기위해 다음 영상을 참고 하여 제작합니다. 링크 : https://www.youtube..

라라벨, tailwindcss, Vue.js를 모두 사용해보기위해 다음 영상을 참고 하여 제작합니다. 링크 : https://www.youtube.com/watch?v=_nSzMDx79Ao npm, composer와 같은 기본적인 도구들은 사전에 설치되어있음을 가정하고 진행합니다. 라라벨 버전은 8이며, 사용 개발도구는 VSCode입니다. 먼저 프로젝트를 만들어줍시다. laravel new vue_weather 주르르르르륵 프로젝트가 생성됩니다. 우리는 FrontEnd로 Vue.js를 사용할 것이므로 ui 설정을 해줍시다. composer를 통해 laravel/ui를 설치합시다. composer require laravel/ui 그 다음 artisan을 통해 ui 설정을 해줍시다. php artisan ..