thumbnail

vue 채팅 애플리케이션 만들기 2 - vue router 적용하기

vue-router 를 사용해보자 1. 분석 다음 사진과 같이 2개의 화면이 필요하다. 1. 메인화면 (경로: '/', 컴포넌트: Main.vue) 2. 채팅화면 (경로: '/chat', 컴포넌트: Chat.vue) 스크린샷 2020-01-12 오...

2020년 1월 12일0개의 댓글
vue 채팅 애플리케이션 만들기 1 - 프론트엔드 개발환경 설정하기 Thumbnail

vue 채팅 애플리케이션 만들기 1 - 프론트엔드 개발환경 설정하기

다음과 같은 채팅 웹 애플리케이션을 vue.js 를 사용해서 만들것입니다. 웹소켓을 사용할 것이고요, 배포까지 진행해봅시다. vue 채팅앱 서비스 링크 urman.gif 이번에는 프론트엔드 개발 환경 설정을 다룹니다. 1. vue cli 설치 vue cli는 뷰 ...

2020년 1월 11일0개의 댓글
vue-cli 3, 4에서 import 경로 alias @  사용하기 Thumbnail

vue-cli 3, 4에서 import 경로 alias @ 사용하기

너무너무 길어져버렷! vue 개발을 할때 사진과 같이 impport 하는 컴포넌트의 경로가 너무 길어지는 현상이 있습니다. vue-cli 2.x 에서는 webpack.config.js(웹팩 설정 파일)에서 @를 사용하는 경로가 정의되어있습니다. 따라서, 다음과 같이...

2020년 1월 4일0개의 댓글
재귀함수는 왜 어려울까? Thumbnail

재귀함수는 왜 어려울까?

혹시, 다음에 해당하시나요? 1. 공부하다가 재귀가 나오면 퍽 하고 숨이 막히고, 어지럽다. 2. 재귀를 사용하면 불안해서 반복문을 사용한다. 3. 내가 짠 재귀는 무한히 호출될것 같다. 4. 어떤 값을 반환해야할지 모르겠다. gvsc (1).png 역시 for...

2020년 1월 1일0개의 댓글
2019년 회고, 그리고 2020년 목표 Thumbnail

2019년 회고, 그리고 2020년 목표

개발자 보다는 '사람' 나 자신에 더 초점을 맞춰서 1년이 참 빠르게 지나갔다. velog에 처음 작성한 글이 2018년 회고록 이었고, 벌써 1년이 지났다. 아쉬움, 걱정과 같은 조금 부정적인 것보다는 왕창 긍정적으로 적어보려고! 1. Jan, Feb, Mar...

2019년 12월 31일0개의 댓글
Study In Vue.JS Thumbnail

Study In Vue.JS

딱 작년 이맘때 시작해서 뷰를 한지 1년이 지났다. 그 동안 배운거 한번은 정리해보고 싶었다. 너무 거창하게 질러버리면 안할거 같아서 모두 내맘대로 가볍게 그래서 처음 무엇을 정할지 결정했던것은 목록, 제목도 아닌 썸네일 스크린샷 2019-12-...

2019년 12월 10일0개의 댓글

[뷰치트] 뷰 - 텍스트 필드 에러 처리하기

ezgif.com-video-to-gif (1).gif 목표: 텍스트 필드에서 에러를 발생시켰는데, 사용자 입력이 있으면 에러를 지운다! 1. 상황 뷰로 작업을 할때 위 처럼 텍스트 필드의 에러를 처리할 때가 있다. 간단하게 정리하면, 1) 공백이면 에...

2019년 12월 1일0개의 댓글

X-Change 후기

지난 수요일 사내 X-Change 세미나가 개최되었고, Do it! Vue.js 입문 의 저자이신 캡틴 판교님께서 오셨다. 업무가 조금 바쁜 상황이어서 30분 지나서 도착했고, QnA를 진행하고 있어서 앞 내용은 듣지 못했다. 그래도, 정말 좋았다. 딱 1년 전에...

2019년 11월 23일1개의 댓글
백준 2805 나무 자르기 Thumbnail

백준 2805 나무 자르기

문제 바이너리 서치(LowerBound)를 사용하는 문제 1. n 나무의 수 (1 ≤ N ≤ 백만) 2. m 가져가려고 하는 나무의 길이 (1 ≤ M ≤ 20억) 3. h 설정할 수 있는 높이 (0= h = 10억) 4. (나무의 높이 - h) 만큼 나무를 가...

2019년 11월 10일0개의 댓글

10월 회고록

회사 해킹 대회에서 우승했다. CTF 방식으로 진행되었고, https://webhacking.kr/ , http://pwnable.kr/ 의 방식과 유사하다. 생각나는데로, 의식의 흐름대로 느낀점은 다음과 같다. 1. 넓은 세상 비전공자 였고, 생활코딩의 웹...

2019년 10월 26일0개의 댓글
Feign Client 알아보기 Thumbnail

Feign Client 알아보기

2. 사용법 1) 스프링부트 프로젝트 만들기 spring start에서 스프링부트 프로젝트를 만들었습니다. (maven, gradle 상관없습니다.) 라이브러리는 web만 넣어주었습니다. 스크린샷 2019-10-06 오후 2.57.09.png ...

2019년 10월 6일0개의 댓글
백준 2617 구슬 찾기 Thumbnail

백준 2617 구슬 찾기

문제 중간 번호가 될 수 없는 구슬의 개수를 구하는 문제 1. n 구슬의 개수 (1 ≤ n ≤ 99, n은 홀수) 2. m 무게 정보의 개수 (1 ≤ M ≤ N(N-1)/2) 3. 설명 만약 문제의 입력이 다음과 같이 주어지면

2019년 9월 14일0개의 댓글

8월 15일 중간 일기

8월 중순 광복절에 적는 중간 일기 8월 중순 한일 느낀점 - vue, spring boot 투 두 리스트 그리고 react - 무기력 1. vue, spring boot 투 두 리스트 그리고 react vue-front spring-boot react-fr...

2019년 8월 15일0개의 댓글
BFS는 낯설어서 Thumbnail

BFS는 낯설어서

BFS (Breath-First-Search, 너비 우선 탐색) 은 시작점에 인접한 다른 정점을 모두 방문하고, 다른 정점에 대해서도 인접한 또 다른 정점을 모두 방문하는 방법입니다. 여기서, 인접하다는 의미는 두 정점이 하나의 간선으로 연결되어 있다는 의미입니다. ...

2019년 7월 28일2개의 댓글
코드포스 520B Two Buttons Thumbnail

코드포스 520B Two Buttons

빨간색, 파란색 고르는것은 항상 매트릭스가 생각나 두개의 버튼 n에서 m을 만들기 위한 최소 버튼 클릭수를 계산하는 문제 내 마음대로 번역 바시야(Vasya)는 신기한 장치를 찾았습니다. 패널의 앞부분은 빨간 버튼, 파란 버튼, 양의 정수를 보여주는 디스플레...

2019년 7월 27일0개의 댓글
백준 14889 스타트와 링크 Thumbnail

백준 14889 스타트와 링크

팀 나눌때 항상 이 짤 생각나서 문제 두 팀 총 힘의 차이의 최소값을 구하는 문제 1. n 총 인원수 (4 ≤ n ≤ 20, n은 짝수) 2. 한 팀의 힘은 다음과 같이 계산 한 팀에 1, 3, 5가 속했을때 2명씩 추출한다. 팀 총합 = s1 + s3 + s...

2019년 7월 23일0개의 댓글
백준 14501 퇴사 Thumbnail

백준 14501 퇴사

입사문제에 퇴사라는 이름이 아이러니 문제 n일 동안 일을 해서 n+1일에 받을 수 있는 최대금액을 계산하는 문제 1. n 일을 할 수 있는 기간 (1 = n = 15) 2. ti]는 i번째 일을 완료하는데 걸리는 기간 (1 ≤ Ti ≤ 5) 3. p[i]는 i...

2019년 7월 23일4개의 댓글

SkyeMoon 6월, 7월 일기

6, 7월 회고록이라기 보다는 6, 7월 일기 6월, 7월 한일, 느낀점 1. 알고리즘 시험 통과 2. 운동과 건강과 스트레스 3. 기록 4. leap of faith 5. 1주년 6. 참여 1. 약점 어제 사내 알고리즘 시험을 통과했다. 나의 알고리즘 부문 ...

2019년 7월 21일0개의 댓글
백준 16236 아기 상어 Thumbnail

백준 16236 아기 상어

문제 아기 상어가 물고기를 잡아 먹을 수 있는 시간을 구하는 문제 ~으아 문제가 정말 길어요~ 1. n 공간의 크기 (2 = n = 20) 2. 지도의 크기 n * n, (1 * 1 에는 최대 물고기가 1마리 있습니다.) 3. 상어, 물고기 크기는 모두 자연수입...

2019년 7월 21일1개의 댓글
백준 2166 다각형의 면적 Thumbnail

백준 2166 다각형의 면적

문제 - n개의 점(x, y로 나타냅니다.)으로 이루어진 다각형의 면적을 구하세요 - n (1 ≤ n ≤ 1만) 정점의 수 1만 이하 - 좌표의 크기 10만이하 - 시간 제한 2초 - 문제 링크 - 접근 과정 1. 다각형의 면적?, CCW CCW(벡터의 외적)은...

2019년 7월 14일0개의 댓글