강디너의 개발 일지

웹 버전 관리 시스템 만든 이유는 단 한 가지입니다. 사용자가 이전 버전의 API 규격, 데이터 타입으로 호출해서 오류가 생기기 시작 웹 서비스 배포 후, 사용자가 이전 버전의 웹을 보고 있어서 이슈 발생하는 것을 감지했습니다. 딱 담당하고 있던 프로젝트 두 개에서 같은 이유로 이슈가 발생해서 해결해야 한다고 생각했습니다. 우선 원인은 SPA 특성 때문에 발생한 이슈였습니다. 생각지 못한 곳에서 나타났는데, SPA의 장단점은 여러 가지 있지만 그중 크게 중요하지 않게 생각 한 문장이 있습니다. 처음 접속했을 때 웹에 필요한 대부분의 리소스를 다운로드하기 때문에 초기 로딩 속도가 느리다. 하지만 그 후 필요한 리소스만 다운로드하기 때문에 빠른 렌더링이 가능하다. "초기 로딩 속도가 느리다"라는 것만 이슈하..

"귀차니즘은 개발자를 발전하게 만든다." 딜리비트라는 서비스를 개발하게 된 계기는 귀차니즘으로부터 시작했습니다. 음악을 틀 수 있는 핸드폰과 라운지 사이의 거리가 멀어서 음악을 바꾸려면 멀리 있는 핸드폰까지 가야만 했습니다. '왔다 갔다 하기 귀찮은데 이걸 원격에서 어떻게 컨트롤할 수 있을까...'라는 생각에 프로젝트를 기획했습니다. 하지만 원하는 기능(원격에서 유튜브 컨트롤)이 구현 가능한지 조차 모르기 때문에 아이디어가 생각날 때마다 개발했습니다. const 꼬꼬마님 = '친한 꼬꼬마 디자이너님'; 어느 정도 개발 각이 보이고 구현 가능할 것 같다는 생각이 들자마자 꼬꼬마님을 꼬시러 갔습니다(사실 잘생긴 디자이너분한테 먼저 갔다가 까였었다). 나: 평소에 퇴근하고 한가해요??? 꼬꼬마님: 네. 나: ..

1. app.js 를 만들고 터미널에 npm init을 해줍니다. 2. npm init은 node package manager를 시작하는것입니다. *주의사항*entry point에 app.js 를 확인해주세요이건 app.js 라고 만들었기 때문입니다.나머지는 무시하셔도 됩니다. 3. package.json 이 잘 만들었는지 보시고scripts 부분에start : node app.js 를 쳐주세요이 의미는 npm start 명령어를 쳤을때 서버가 시작되게합니다. 4. express 를 설치해줍니다. 5. 우선 세팅을 여기까지 하겠습니다 !

Vue 로그인 페이지를 만들어보겠습니다. style 을 scss 를 사용하기 위해서 필요한 모듈인 sass-loader 를 설치해야합니다. npm install --save sass-loader 설치하면 scss를 컴파일 할 수 있습니다. 구조는 다음과 같이 만들겁니다. Templete 로그인 회원가입 로그인 회원가입 Admin User 취소 회원가입 템플릿에서 보실점은 form 에 v-on:submit.prevent="loginSubmit" 입니다. form 안에있는 button type="submit" 인 버튼을 누르면 loginSubmit 함수를 실행하라는 의미입니다. user_id와 user_pwd는 v-model로 설정해주어 나중에 로그인할 때 사용할 것입니다. v-if 로 회원가입버튼을 누르면..