슬기로운 개발자

백앤드가 이정도는 해줘야 함 백엔드 개발자 공부를 하면서 실제 현업에서 필요한 사항이나 큰 규모의 자료를 관리할 때, 협업시 필요한 사항들에 대해 알아두는 것이 중요하다는 생각이 들었다. 작은 팀플 프로젝트에서도 버전 관리의 중요성이 절실할 때가 있었기 때문에 이런 문제를 해결하기 위한 것들이 필요했고, 검색을 통해 인용된 개발블로그를 알게 되었다. 백엔드 개발자가 알아야할 사항에 대해 설명하고 있는데 읽으면서, 모르는 용어나 기억해둘 내용을 적어두기로 했다. 개념들이 익숙하지 않은 것이 많아 여러 블로그나 검색자료를 중간중간 첨부했다. Vert.x Eclipse Vert.x is a tool-kit for building reactive applications on the JVM. JVM 에서 반응형 ..

0. Jquery 사용하기 Jquery 홈페이지에서 다운받아 사용하거나, Jquery UI 에서 view source 를 클릭해서 적용할 수 있다. (이하 Jquery 사용은 JS 와 비교해서 다른 부분을 중심으로 정리했다.) 1. function JS 와 달리 Jquery 에서는 실행되는 부분을 $(function(){}) 이나 $document.ready(function(){}) 를 사용한다. JS 에서 .getElementsId() 대신에 css 방식과 유사하게 $("div#id") 와 같은 방식으로 선택자를 잡을 수 있다. 선택자 지정한 것이 반영되지 않을 때는 $(document).on("event", "선택자", function(){}); 를 사용해보자. 2. Jquery 이벤트 핸들링 hid..

1. HTML 파일 내 설정 위치와 문서확인법 별도 파일을 생성하지 않고 html 에서 파일 생성시 자바스크립트는 css 와 마찬가지로 임베디드 방식의 태그 내에서 처리할 수 있다. 마찬가지로 별도 파일을 생성하는 경우 link 를 통해 연결하면 된다. window.onload=function(){} 을 사용해서 웹 브라우저가 열렸을 때 어떤 것을 실행해서 보여줄 것인지를 확인한다. 웹의 뼈대는 태그 내에 HTML 로 구성하고 추가로 자바스크립트에서는 .html() 등을 사용해서 태그를 넣을 수 있다. + 작성을 하면서 원하는 결과 값이 나오는지 확인하는 과정이 필요하기에 console.log() 또는 alert() 를 띄워서 확인한다. 오류 발생시에는 실행된 웹페이지에서 F12 를 보면 개발자도구 so..

백준 1436번 www.acmicpc.net/problem/1436 풀이 영화감독 숌의 문제는 길지만 바로 666 이 들어간 숫자를 순서대로 찾을 수 있는지를 알아보는 문제이다. 즉, 2 가 입력된 경우, 666 다음 1666 이 정답이 된다. 따라서 숫자가 증가할 때마다 666 이 나타나면 count 를 해주면 된다. 666 이 있는지 체크하기 위해서 . contains()라는 내장 메소드를 사용했다. 정규표현식보다 간단하게 할 수 있었던 것 같다. 그리고 여기서 주의할 점은 cnt 가 1 일 때에는 666 이 나올 수 있도록 조건식을 걸었다. 설정하지 않아 틀렸었는데 기본 값이 나올 수 있도록 하는 것이 기본이지만 중요한 부분인 것 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1..

백준 1427번 www.acmicpc.net/problem/1427 풀이 문자열을 charAt() 으로 받아 char[] 배열로 담는다. 그리고 배열의 순서를 꺼꾸로 해서 다른 배열 reverse 에 넣어 출력한다. 이 때 String 객체를 생성해서 reverse 배열을 넣어준다. 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 package April7; import java.util.*; public class array_1427 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.nextLine(); char[..

백준 11650번 www.acmicpc.net/problem/11650 풀이 2차 배열로 입력 받아서 sort 정렬한다. 배열의 정렬시 2차 배열이기 때문에 자바에서 기본적으로 제공하는 interface 를 이용해서 comparator 객체를 생성한다. 인터페이스의 추상메소드를 override 하여 오름차순 정렬한다. comparator 인터페이스는 comparable 인터페이스와 달리 자바에서 기존 배열 메소드를 다르게 사용하고 싶을 때 사용되는 인터페이스이다. 주로 내림차순이 sort 메소드의 기본이라면 반대로 오름차순 정렬시에 사용된다. 이 때, 두 수 중 첫번째 수로 정렬하고 그 수가 같다면 두 번째 수를 비교해서 오름차순 정렬한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15..

1. CSS 적용 우선순위 ① !important 1 2 3 4 5 div { color: red; border: solid 5px blue; background-color: #cce6ff !important; } Colored by Color Scripter cs ② 해당 태그에 직접 준 것 → 인라인 방식 1 Hello, world cs ③ HTML 파일에서 준 style 태그 → 임베디드 방식 1 cs ④ 외부 css 파일 1 cs 2. 태그의 display 방식 display 방식은 대표적으로 block 과 inline 방식이 있다. block 방식 태그는 inline 방식 태그는 정해져있는 태그의 display 방식은 변경가능하며, block-inline 방식과 float 속성으로 변경가능하다...

백준 5585번 www.acmicpc.net/problem/5585 풀이 while, if 문을 이용한 풀이보다 간단한 계산이 될 수 있도록 한 줄에 나열해보았다. 연산자 / 와 % 를 사용해서 사용된 동전의 수를 구했다. 여기서 그리디 알고리즘과 동일하게 적은 동전수가 필요하므로 가장 큰 수 인 500 으로 나누고 그 몫을 동전 수에 더한다. 나머지 값은 다시 100 원의 동전의 개수를 구하는데 사용한다. 이런식으로 나열된 것이 아래 cnt 이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 import java.util.Scanner; public class codinginteview_5585 { public static void main(String[] args) { ..