본문 바로가기

전체 글

 (229)
2020 KAKAO BLIND RECRUITMENT - 괄호 변환 https://programmers.co.kr/learn/courses/30/lessons/60058 코딩테스트 연습 - 괄호 변환 카카오에 신입 개발자로 입사한 콘은 선배 개발자로부터 개발역량 강화를 위해 다른 개발자가 작성한 소스 코드를 분석하여 문제점을 발견하고 수정하라는 업무 과제를 받았습니다. 소스를 컴� programmers.co.kr import java.util.Stack; public class Solution { public static String solution(String p) { String answer = ""; // 1. 입력이 빈 문자열인 경우, 빈 문자열을 반환합니다. if(p.equals("")) return answer; else { String u="", v=""; ..
Django 기초 django 파이썬 웹 프레임워크 MTV 패턴 기초 내용 설치 $ pip install django==2.1.15 수업에서는 2.1.15 를 기준으로 진행 예정입니다. django 프로젝트 시작 프로젝트 생성 $ django-admin startproject {프로젝트명}서버실행 django_intro 폴더의 settings.py 파일에 아래와 같이 수정한다. # 28번째 라인 ALLOWED_HOSTS = ['*'] 반드시 서버 실행시 명령어가 실행되는 디렉토리를 확인할 것. ~/ $ cd django_intro/ ~/django_intro/ $ python manage.py runserver 8080 실행된 서버는 우측의 영역의 url을 클릭한다. ![Screen Shot 2020-03-..
Good Doctor
키패드 누르기 https://programmers.co.kr/learn/courses/30/lessons/67256?language=java 코딩테스트 연습 - 키패드 누르기 [1, 3, 4, 5, 8, 2, 1, 4, 5, 9, 5] "right" "LRLLLRLLRRL" [7, 0, 8, 2, 8, 3, 1, 5, 7, 6, 2] "left" "LRLLRRLLLRR" [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] "right" "LLRLLRLLRL" programmers.co.kr import java.util.ArrayList; import java.util.List; public class Solution { static Keypad[] keypad = new Keypad[10]; static int[..
Vue.js 컴포넌트 간 Event Bus를 이용한 데이터 통신 이번 글은 ( https://jsdev.kr/t/vue-js-event-bus/2926 ) 을 참고해서 작성했습니다. Vue.js 에서 컴포넌트간 데이터를 전송하기 위한 $on, $emit 이라는 이벤트 인터페이스가 있습니다. router.push 를 통해서 데이터를 보내는 방법도 있지만, 라우터를 거치지 않고 컴포넌트 간 데이터 통신을 하는 방법을 알아보겠습니다. 다음과 같은 프로젝트 구조가 있고 A.vue 와 B.vue 간의 통신이 필요하다고 가정합니다. 1. main.js Vue.prototype.$EventBus = new Vue(); new Vue({ el: '#app', router, template: '', components: { App }, }); 2. A.vue // A.vue butt..
Vue + Spring Infinite Loading (Scroll) 구현 Vue 와 Spring을 사용하여 무한 로딩(스크롤) (Infinite Loading, Scroll) 을 구현해보겠습니다. 아래 사이트에서 자세한 코드들과 예시를 확인할 수 있습니다. https://peachscript.github.io/vue-infinite-loading/guide/#installation Guide | Vue-infinite-loading Guide Installation NPM If you are building a large application, we recommend you use the following method: Direct Include After you import this plugin through the script tag, it will register the..
Vue + Spring Pagination(Paging) 구현 Vue와 Spring을 이용하여 Paging을 다음과 같은 페이징을 구현하는 방법을 알아보겠습니다. Vue 프로젝트의 파일 구조와 router.js 의 코드입니다. import Vue from "vue"; import VueRouter from "vue-router"; import Home from "@/views/Home.vue"; import Page from "@/views/Page.vue"; import List from "@/components/List.vue"; Vue.use(VueRouter); const routes = [ { path: "/", name: "Home", component: Home }, { path: "/page", name: "Page", component: Page, ..
FOREIGN KEY 에 ON DELETE CASCADE 제약 사항 추가하기 SNS 웹 사이트를 개발하면서 테이블을 수정하던 도중에 한 사용자가 피드에 글을 쓰고 댓글을 달기 위해서 위와 같은 데이터 베이스를 구성하였습니다. 나중에 사용자 회원탈퇴를 구현하면서 a foreign key constraint fails 오류가 발생하였고, 회원을 backend 에서 delete 하면서 회원이 썼던 Feed 테이블이 있기 때문에 발생하는 오류였습니다. 회원탈퇴를 하고 연관된 데이터를 모두 삭제하기 위해서는 Foreign Key 에 ON DELETE CASCADE 속성을 추가해줘야합니다. feed 와 comment 테이블에 걸려있는 Foreign keys 에 on delete cascade 제약사항을 추가 하기 위해서는 먼저 기존에 있었던 foreign key들을 제거 하고 다시 추가해야..

티스토리툴바