Mercedes 개발 블로그

Nuxt.js 등장 Nuxt.js Projext의 첫 번째 커밋은 2016년도 10월이다. (0.x대 버전) 1.0.0 alpha 버전은 2017년 5월 22이부터 시작된 것으로 보이고 정식으로 1.0.0이 release된 시점은 2018년 1월 9일이다. Nuxt.js를 만든 팀이 Next.js를 만든 팀이다. Nuxt.js 공식문서 기초지식 SSR 과 CSR 개념 Nuxt.js 란? React 애플리케이션을 위한 Next.js 프레임워크가 있다면, Vue를 위해 SSR을 지원하는 프레임워크가 Nuxt.js이다. Nuxt.js는 Vue를 기반으로 하여 SSR 기반의 Web Application을 컴포넌트 단위로 개발 할 수 있게 해주는 프레임워크이다. Angular, React, Vue SPA 삼대장들..

목차 RENDERING CSR/SSR MPA/SPA RENDERING HTML로 DOMTree가 만들어지고, CSS가 CSSOM을 결합시켜 최종적으로 Rendering Tree가 만들어진다. 그리고, 이 렌더링 트리에서 각 노드의 크기와 위치를 계산하고, 개별 노드를 화면에 그려주는 과정이 렌더링의 과정이라고 할 수 있다. CSR/SSR/SSG SSR(Server Side Rendering) 서버에서 렌더링을 해줌 서버에서 완성된 형태의 html파일을 받아와서 그대로 화면에 띄워줌. CSR(Client Side Rendering) 클라이언트에서 렌더링을 해줌 서버에서 빈 HTML파일을 서버로부터 받는다. 이떄, 화면은 빈화면이 뜬다. 서버로부터 다시 링크된 자바 스크립트 파일을 받게되고, 이때, 소스코드..

일정한 시간간격 또는 일정한 시각에 특정 로직을 돌리기 위해서 사용하는 것을 Scheduler라고 합니다. 이런 Scheduler는 Spring에서 Spring Scheduler와 Spring Quartz라는 2가지 방식으로 제공됩니다. 제가 했던 프로젝트에서는 Spring Scheduler 를 사용하여 1일 1주일 1달 별 랭킹을 구하는 예시로 사용했던 적이 있습니다. Spring Scheduler Spring Scheduler는 별도의 추가적인 의존성이 필요하지 않습니다. Spring Boot starter에 기본적인 의존성으로 제공됩니다. 사용하기 위해서는 @EnableScheduling 어노테이션을 붙여주면 됩니다. package com.nice.study; import org.springfram..

url에 이거 넣고 jdbc:mysql://localhost:3306/remem? serverTimezone=UTC&characterEncoding=UTF-8 왼쪽상단 File -> Setting 클릭 -> 검색창에 Gradle

싱글톤(Singleton)패턴? 객체의 인스턴스가 오직 한개만 생성되는 패턴 GOF 디자인 패턴의 일종으로 생성, 구조, 행위 중 생성패턴에 해당 👉 관련 용어정리 Thread : 프로세스가 할당받은 자원을 이용하는 실행의 단위 Multi-Thread : 하나의 프로세스 내에서 둘 이상의 스레드가 동시에 작업을 수행하는 것 Thread-Safe : 멀티 스레드 프로그래밍에서 함수, 변수, 객체가 여러 스레드로부터 동시에 접근되어도 프로그램 실행에 문제가 없음을 의미 Side-Effect : 원래의 목적과 다른 효과 또는 부작용 = 버그 Synchronized : 여러개의 스레드가 한개의 자원을 사용하고자 할 때, 현재 데이터를 사용하고 있는 해당 스레드를 제외하고 나머지 스레드들은 데이터에 접근 할 수 ..

코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr package programmers.level1; import org.junit.Test; import java.lang.reflect.Array; import java.util.Arrays; import java.util.HashMap; public class P77484 { @Test public void 정답(){ int[] lottos = {44, 1, 0, 0, 31, 25}; int[] win_nums =..

코딩테스트 연습 - k진수에서 소수 개수 구하기 문제 설명 양의 정수 n이 주어집니다. 이 숫자를 k진수로 바꿨을 때, 변환된 수 안에 아래 조건에 맞는 소수(Prime number)가 몇 개인지 알아보려 합니다. 0P0처럼 소수 양쪽에 0이 있는 경우 P0처럼 소 programmers.co.kr 풀이 1. 0P0처럼 소수 양쪽에 0이 있는 경우 P0처럼 소수 오른쪽에만 0이 있고 왼쪽에는 아무것도 없는 경우 0P처럼 소수 왼쪽에만 0이 있고 오른쪽에는 아무것도 없는 경우 P처럼 소수 양쪽에 아무것도 없는 경우 단, P는 각 자릿수에 0을 포함하지 않는 소수입니다. -> 이말은 0으로 구분되는 소수를 구하라는 말이다 220033300 이 있다면 0으로 s.split("0") 2. 소수구하기 3. k 진수..

코딩테스트 연습 - 다음 큰 숫자 자연수 n이 주어졌을 때, n의 다음 큰 숫자는 다음과 같이 정의 합니다. 조건 1. n의 다음 큰 숫자는 n보다 큰 자연수 입니다. 조건 2. n의 다음 큰 숫자와 n은 2진수로 변환했을 때 1의 갯수가 같습니 programmers.co.kr //다른사람코드 public int solution2(int n) { int answer = Integer.bitCount(n); while(true) { n++; if(answer == Integer.bitCount(n) ) { answer = n; break; } } return answer; } public int solution(int n) { int answer = 0; String binary = Integer.toBi..

코딩테스트 연습 - 예상 대진표 △△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배정받습니다. 그리고, 1번↔2번, 3번↔4번, ... , N-1번↔N programmers.co.kr 풀이 1. 항상 이기닌깐 a와 b로만 순위를 구해주면댐 2. 그림처럼 4와 7이 맞붙기 위한 순위 이동 공식을 만들어줘야함 3. 첫숫자 a 두번째 숫자 b 라고 가정했을때 a = a/2 + a%2 ex) 4는 4 -> 2 -> 1 순위를 가짐 b = b/2 + b%2 ex) 7은 7 -> 4 -> 2 -> 1 package programmers.level2; import org.junit.Test; public class P12985 {..