세줄코딩

vue 정리 - login(로그인) part1 vue.config.js 설정을 끝낸 후 여러 가지 것들을 셋팅해야 하지만 우선 로그인 부분을 먼저 다루어야 vuex / vue-router 등을 자연스럽게 한번에 세팅 할 수 있다. 대체적으로 아래 이미지와 같은 비즈니스 로직으로 처리 된다. 사항요약해 보면 다음과 같다. 1. login call ---> 로그인 화면에서 특정 아이디/패스워드로 로그인 시도.-> 서버측에 로그인 요청 2. token 처리 ---> 요청한 아이디/패스워드가 멤버가 맞다면 jwt(json web token) 값을 client 측에 전송 전송받은 jwt(json web token) 을 client 측에서 localstorage 에 담아 두고 요청 headers 의 Authoriz..

요새 vue3 가 꽤 사용되고 있는 거 같다. 하지만 아직까지 vue3 를 쓰기엔 팀원 간에 서로가 정리가 안된 듯 하고 프로젝트를 빠른시간내에 마무리 짓기엔 무리가 있다 판단하여 그냥 vue2.x + ts + scss 로 진행하기로 했다. 우선 웹퍼블리싱과 협업을 위해 ts 와 html 을 분리해서 작업할 필요가 있다. 그래서 src 폴더 이외에도 markup 이란 폴더를 별도로 두어 작업 산출물 방향을 달리했다. a. ts 와 html 을 분리하기 위해 vue-template-loader 를 설치했다. ( vue or ts / html 파일을 분리해서 사용할 수 있게 돕는다 ) 아래 url 에서 상세한 내용을 살펴 볼 수 있다. https://www.npmjs.com/package/vue-templa..

키움히어로즈 모바일앱 관리자 1. 작업스킬 - vue2.x + vuex + typscript + scss 2. 작업범위 - 1. 웹 퍼블리싱( 마크업 / SCSS ) 2. 전체 화면 동적 컴포넌트( ) 에 따른 레이아웃 타입 설계 3.페이지 전체 뷰 라우터 설계 api 서비스 로직 설계 4. store 상태 관리 설계( vuex-module-decorators / vuex-class 이용 ) 5. RouteMeta 를 활용한 페이지별 권한 접근 설계 및 구현 6. 로그인 / jwt ( json web token )연동 비즈니스 로직 설계 7. 조건 상세 filter 설계 및 제작 구현 8. vue transition 을 이용한 모션 scss 구현 9. 공통 컴포넌트 제작 ( input / button /..

GS XI 모바일 통합시스템 1. 작업스킬 - html5/ css3 /javascript /gulp 2. 작업범위 - 웹 퍼블리싱( 마크업 / SCSS ) / 자바스크립트( 제이쿼리) / 모션 스크립트 main page - 상단 메인 비주얼 슬라이드 ( 모션 스크립트 ) 100% sub 30% ( 마크업 / SCSS / 자바스크립트( 제이쿼리), 챠트 ) gnb ( 모션 스크립트 ) - 100% UI ( 스크립트 ) 100% - html5 / scss / javascript Task runner - Gulp 작업기간 : 2020.10.26 ~ 2021. 01.31

NC - HR ( nc 소프트 채용 ) 1. 작업스킬 - html5/ css3 /javascript /gulp 2. 작업범위 - 웹 퍼블리싱 dashboard 20% ( 챠트 - C3.js ) sub 30% ( 마크업 / 자바스크립트( 제이쿼리), 챠트 - C3.js ) UI 100% - html5 / scss / javascript Task runner - Gulp 작업기간 : 2020.08.01 ~ 2020. 10.30

http://book.naver.com/bookdb/book_detail.nhn?bid=20867550 한 권으로 배우는 Vue.js 3 VUE.JS 3를 활용한 웹 개발 기초부터 실전까지나만의 멋진 웹사이트를 직접 만들고 싶은 초보 웹 개발자와 기초적인 자바스크립트 지식은 있으나 프론트엔드 개발에서 이를 어떻게 활용해야 할지 book.naver.com Vue2에서 Vue3로 업데이트 된지는 조금 되긴 했지만 아직까지 많은 라이브러리들이 Vue3 를 지원하고 있지 않기에 실무에 도입하기엔 무리가 있다 판단하여 아직까지 사용하고 있지는 않다. 하지만vue3에 대한 정보 및 서적 또한 많지 않은 시점에 vue3를 다루는 서적이 나왔다는 것은 아주 큰 의미가 있다. 해당 서적을 통해 직 간접적으로 vue3를 ..

최근 아이패드 프로 4세대 구매후 이걸 맥북프로의 서브 모티터로 써볼까 하는 생각에 다짜고짜 미러링 시전!!!!! 역시 안됨.. 그래서 찾아보니 macOs 가 예전 꺼라 안되는 거였다. 하여 Big sur 인가 먼가 믹서기같기도 하고 암튼 그것을 설치하여 드뎌 간단한 클릭만으로 미러링 시전.. 성공 ~~~ 근데 코딩 중에 웹스톰 터미널에서 git add . 하는데 아래와 같은 에러가 발생.... xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun 이게 또 무슨 개같은 경우야~~~~ 유효하지..

Box shadow - https://brumm.af/shadows brumm.af brumm.af Gradient - https://www.grabient.com/ Grab yourself a gradient Beautiful and simple UI for generating web gradients. www.grabient.com Easing ( cubic-bezier ) - https://easings.net/ko# Easing Functions Cheat Sheet Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant spee..