전체 글117 [Programmers] 핸드폰 번호 가리기(JavaScript) 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 문제 https://programmers.co.kr/learn/courses/30/lessons/12948 코딩테스트 연습 - 핸드폰 번호 가리기 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자 programmers.co.kr 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함.. 2022. 4. 24. [Github] 여러 개 리포지토리 하나로 합치기 서론 이와 같은 글을 작성하는 대부분의 사람들이 그렇듯, 저 역시 무자비하게 남발된 리포지토리의 카테고리화를 위해 시작을 하게 되었습니다. 지금도 그저 말하는 감자 재질인 개발자이지만, 지금보다 더 애기 시절에 기능 구현이나 작은 프로젝트 등, 조금이라도 커밋 이력을 남기고 공부한 티를 남기고 싶을 때마다 리포지토리를 생성하고 push 하니 어느덧 제 깃허브 리포지토리가 50개 가까이 되어가는 현상을 목격할 수 있었습니다. 따라서 돌아볼 때 이게 뭐였는지도 모르겠고, 너무 정리가 안 된 모습이 혐오스러워서 블로그처럼 카테고리로 나눌 순 없나 찾아 보다가 알아낸 정보를 공유하고자 합니다. 리포지토리 생성 리포지토리 clone 터미널 혹은 VSCode를 열어 복사한 리포지토리 HTTPS를 복사해 줍니다. 디.. 2022. 4. 20. [Vue.js] Router 설치 및 환경 설정(Vue 3) Router 설치 npm i vue-router@next # vue 3 버전부터는 vue-router가 아닌, 다음의 명령어로 설치를 진행 폴더와 파일, 모듈 등 생성 src/router/index.js 생성 컴포넌트 import 후 path와 함께 등록해 줍니다. path는 "/" 뒤에 적절한 텍스트를 입력해 경로를 지정해 줍니다. 모듈 가져오기 라우터 영역 지정하기 로그인 2022. 4. 20. [Vue.js] Axios 설치 및 JSON 호출(Vue 3) Axios 설치 npm install axios Axios import import axios from 'axios' // 작업할 페이지에 axios import 호출 버튼 클릭 시 axios로 로컬에 있는 test.json을 호출합니다. 2022. 4. 20. [Vue.js] SASS(SCSS) 설치 및 폴더 구성(Vue 3) SASS 설치 npm i sass npm i sass-loader@10 # 새로운 버전의 sass-loader가 작동하지 않을 수 있어 10 버전으로 지정하여 설치 SASS 적용 SCSS 파일 분리 참고로 style 태그 안 scoped는 현재 컴포넌트에만 스타일을 지정할 수 있게끔 해주는 역할을 하여 의도하지 않고 실수로 다른 컴포넌트에 영향을 주는 것을 막을 수 있습니다. 저는 있으면 좋아 보여 별 생각 없이 각 파일마다 scoped를 지정했는데, 초기 body에 margin이 8씩 들어가는 걸 해결하고자 계속 margin 0을 줘도 적용되지 않으면서 헤맨 기억이 있기 때문에 뭐든 적당히 사용하는 게 좋아 보입니다. SCSS 폴더 구성 경로: src/assets/scss layouts: 페이지 전체를.. 2022. 4. 17. [Vue.js] Vuetify 설치 및 환경 세팅 Vuetify Vue에서 제공하는 UI, CSS 라이브러리입니다. Vuetify 설치 npm으로 vuetify 프로젝트가 설치가 되었다면, 다음과 같은 명령어로 vuetify를 설치해주시면 됩니다. vue add vuetify 위 명령어 입력 후 설치하다 선택하는 단계가 나올 텐데요. 그때 default를 선택해주시면 됩니다. Vuetify import // src/main.js import vuetify from './plugins/vuetify' const app = createApp(App) app.mount('#app').use(vuetify) 여느 라이브러리가 그렇듯 설치 후에 import 후 해당 홈페이지 접속해서 사용하시면 됩니다. Vuetify 홈페이지 https://vuetifyjs.co.. 2022. 4. 17. 이전 1 ··· 7 8 9 10 11 12 13 ··· 20 다음
