공부(2018~2019) - 스킨변경전

티스토리 에디터 업데이트가 되면서 마크다운 모드가 생겼다. (작년인가.. 재작년인가 ... ) 좀 편하게 쓸수있겠구나 하고 좋아했는데 아래처럼 ... 에디터에는 문제없었는데 글쓰고 보니 문장이 붙어있고 뭔가 글자색도 위아래가 바뀐 느낌... 꼴뵈기(?)가 싫다. 블로그 스킨의 CSS랑 마크다운의 CSS의 설정이 겹쳐서 문제인듯.. 변경해본다.. 1. 먼저 티스토리 관리 -> 스킨편집 -> html 편집 -> CSS로 들어간다. 2. 개발자도구를 키고 태그를 확인해 본다. 3. 보니 이스킨(전에 쓰던)은 .articel-view라는 class 태그로 관리하는 것 같다. ( important 설정...) 4. 개발자 도구에서 값을 수정하면 바로바로 모양 변경을 확인할 수 있다. 원하는 값을 확인 5. 이후 ..

나의 평점 : ⭐️ ⭐️ ⭐️ ⭐️ OKKY 리뷰 이벤트에 당첨되어 객체지향 사고 프로세스 책을 읽고 리뷰를 쓰게 되었습니다. 현재 저는 신입개발자로 아직 1년이 안된 상태이고 현제 맡은 업무가 레거시에서 Spring Boot로 이관하는 작업을 진행하는 중이었습니다. 코드를 이관하면서 조금 옛날 코드들을 빼고 간결하게 했고 기능 구현에는 문제가 없었지만 내가 만든 코드가 정말 잘짠건지 객체지향은 맞는지에 대한 의문이 들었고 이책을 보면서 리팩토링 해보자는 생각이 들었습니다. 이책을 보면서 든 느낌은 되게 개념적인 부분들을 잘 정리 했다는 생각이 들었습니다. 다른 책에는 없는 합성이란 개념도 넣었고 그림으로 설명하는 부분들도 이해를 좀 더 편하게 만들어 주는 것 같았습니다. 특히 제가 면접준비할때 공부 했..

Solr 가. 정의 자바, 루씬 기반의 아파치 검색엔진 오픈소스 라이브러리 Solr를 요리책 비유하면 요리책처럼 많은 요리레시피를 담고 있고 예를들어 "채식주의자를 위한 30분 간단요리" 등과 같은 질문에 대한 답을 얻을 수 있음 나. 특징 HTTP 요청을 기반으로 JSON, XML, CSV 등을 지원 Shard 와 Replica를 통해서 효과적인 분산 처리를 지원 Shard는 하나의 Collection(RDB의 DB와 유사)을 여러 논리적인 조각으로 나눈 하나의 단위 Replica는 복제서버를 의미하는 것으로 하나의 Shard는 여러 복제서버(Replica)를 가질 수 있음 사진 수집 데이터들의 묶은 하나의 단위를 Document라 하고 RDB의 Table과 유사 Document는 여러 field로 구..

Zookeeper 가. 정의 응용 어플리케이션의 분산처리를 도와주는 오픈소스 나. 특징 데이터를 메모리에 보관하여 높은 처리량과 낮은 지연속도 제공 트리구조의 디렉토리를 가지며 Java로 실행(C와 바인드) 계층구조의 namespace(데이터 레지스터[znode]들로 구성) 를 통해 공유 ensemble(host 셋) 단위로 구성 , 이 단위로 복제 가능 서버들간에 Leader를 두는 방식으로 읽기,쓰기가 모두 가능하고 Leader이외의 서버(follower)에서 쓰기가 발생할 경우 Leader에게 전달 후 브로드캐스트를 통해 followers로 전달하여 공유 namespace의 모든 경로는 트리 구조의 계층 형태를 가짐 znode는 고유의 버전번호를 가지며 데이터가 변경될때마다 버전번호를 증가 zook..

1. 땅따먹기(Programmers) 사용 알고리즘 : DP 문제를 제대로 읽지 않아서 열이 최대 100,000 인줄알고 아무리 생각해도 3중 for문이 나오는데 ... 라는 착각을 했다..... 그래서 궁금증을 가지고 해설을 봤는데 3중for문이여서 말이되나 싶었는데 다시 읽어보니 열의 개수는 고정 4개 였다.. 문제에 대한 접근&생각 임의의 점을 설정 -> 역으로 탐색해서 해당위치의 최댓값을 구함 -> 자기열을 제외한 아래열의 최댓값을 더한다. 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 class Solution { int solution(int[][] land) { int n = land.length; int[][] dp= new in..

1. 가장 큰 정사각형 찾기(Programmers) 사용 알고리즘 : DP 예전에 기업 코딩 테스트볼때 이것보다 어렵지만 비슷한 유형의 문제를 본적있다. (그때는 못풀었다...) 코드를 보면 간단하지만 DP에 대한 접근방식을 모르면 상당히 어려울 수 있는 문제라 생각이 든다. 문제에 대한 접근&생각최대 넒이를 가지는 정사각형의 크기 -> n과 m은 최대 1000 -> 너무 많은 경우의 수 발생 -> DP!임의의 한점을 선택 -> 그 점을 오른쪽 아래로 가진다면? -> 인접한 왼쪽, 위쪽, 대각선 지점에서의 최대치의 최소값으로 알 수 있음아래 그림에서 셋중에서 가장 작은 (회색영역 + 1) * (회색영역 + 1)로 크기가 정해지는 것을 알수 있음 코드 123456789101112131415161718192..

1. 2688번 줄어들지않아(BOJ) 사용 알고리즘 : DP DP 기본적인 문제, 규칙을 찾아서 그걸 코드로 구현할 수 있는지 묻는 문제라는 생각이 들었다.예전에 비슷한 문제를 풀어본 기억이 있어서 금방 풀 수 있었던 것 같다. 문제에 대한 접근&생각최대 64자리의 줄어들지 않는 수 -> 완전탐색 불가! -> DP!규칙 : 11~ 99까지 45가지 ( 1+2~+8+9), 100~999는 165가지 (1+3+~+36+45)결과적으로 이전의 합의 누적이 된다. (1~9까지 합, 1~8까지합 ~) 코드 123456789101112131415161718192021222324252627282930313233343536373839import java.util.Arrays;import java.util.Scanner..

1. 2229번 조짜기(BOJ) 사용 알고리즘 : DP 처음에 209. 파일합치기(BOJ) 이문제와 유사하다는 느낌을 받아 비슷한 방법으로 풀어보았다.차이는 이문제는 기준점으로 부터 처음까지 탐색하여 결과를 내기 떄문에 1차원 DP만으로 풀 수 있었다. 문제에 대한 접근&생각조를 만드는데 가장 작은값과 큰값의 차이가 큰 경우 -> 결과조건!너무 많은 경우의 수 -> 완전탐색X, DP! 나이순으로 정렬되어 최대한 나이차이가 적게 나게 조를 구성 -> 순차적으로 조를 구성 -> 기준을 잡고 역탐색! 코드 1234567891011121314151617181920212223242526272829303132import java.util.Scanner; public class Main { public static ..

1. 1699번 제곱수의 합(BOJ) 사용 알고리즘 : DP 2019/05/31 - [공부/Algorithm] - 211. 동전(BOJ) 이문제와 유형이 비슷하다고 해서 한번 풀어보았다,동전 문제보다는 일반적인 DP 방식으로 접근해서 풀었다. 문제에 대한 접근&생각최대 100000의 숫자 중 가장 최소 항 조합 -> 약 1~300까지 조합 -> 너무 많은 경우의수 -> DP!처음 1^2 부터 시작하는 경우를 배열에 저장 -> ex) 11 = 1^2 + 1^2 ~ 자기 개수만큼제곱수와 대상숫자가 같은 경우는 하나의 항이 최소가 됨누적되있는 결과와 현재 조합할 수 있는 결과 중 작은 것이 최소항 코드 1234567891011121314151617181920212223242526272829import java..

9084번 동전(BOJ) 사용 알고리즘 : DP 몇번 풀어봤던 문제인데 한번에 떠오르질 않았다. 이번에 풀면서 확실하게 정리해둬야 겠다. 이전에 풀었던 문제들이 가로로 직선적인 흐름이라면 이 문제는 세로로 직선적인 흐름을 가지는 것 같다. 차곡차곡 쌓는게 아니라 한번 쭉 쌓고 다시와서 덧붙여 쌓는 방식의 문제이다. 문제에 대한 접근&생각 동전 최대 20개, 최대 금액 10000 -> 너무 많은 경우의 수 -> 완전탐색 X , DP! 이전에 만든 금액을 통해 만들려는 금액의 동전 개수를 알 수 있음 -> 메모제이션! 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 import java.util.Scanner; ..

Javascript Namespace 1. namespace란 전역 범위의 오염을 방지하기 위한 수단으로 객체나 함수범위로 공간을 만드는 것이다. (이름 충돌방지) 1.1 전역 namespace 오염 전역에 어떤 변수,함수 등을 선언하는 것을 의미한다. (전역으로 선언) 전역 범위로 선언을 하면 Javascript 엔진이 첫머리로 끌어올려 변수나 함수를 하나만 생성한다. 그렇기 때문에 namespace 를 통해 공간을 따로 두어 방지한다. 2. 객체를 활용하는 namespace 객체를 값으로 가지는 전역변수를 정의해서 이안에 변수와 함수를 프로퍼티로 정의한다. (ex. let top = {}) 그리고 namespace 안에 namespace 를 가질 수 있다. (ex. top.middle = {}) 3...

Vue.js 단일파일 컴포넌트 1. 단일파일 컴포넌트 컴포넌트는 css 지원와 전처리기언어(Typescript 등)을 지원하지 않고 템플릿 정의하기 복잡(한파일에 너무 많이 존재) 단일파일 컴포넌트는 한파일에 템플릿과 스크립트, CSS를 가질 수 있기 떄문에 자바스크립트보다 명확하다. 다양한 전처리기 언어를 사용할 수 있고 .vue 확장자을 가진다. 2. 모듈번들러 여러 도구를 사용하기 위해서는 모듈번들러를 사용해야한다. 종류로는 webpack과 browerify가 있다. 3. vue-cli 단일파일 컴포넌트를 사용하기 위해서는 핵심 모듈인 vue-loader을 포함해 많은 모듈이 필요하다. vue-cliv는 부트스트랩 툴로 css컴파일, 전처리기, 배포 등을 생략하고 바로 시작할 수 있도록 지원한다. ..