탁월함은 어떻게 나오는가?

DAY ONE 을 잊지말자!! 문제 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가 떨어져서 나타나기 때문에 그룹 단어가 아니다. 단어 N개를 입력으로 받아 그룹 단어의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 단어의 개수 N이 들어온다. N은 100보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 단어가 들어온다. 단어는 알파벳 소문자로만 되어있고 중복되지 않으며, 길이는 최대 100이다. 출력 첫째 줄에 그룹 단어의 개수를 출력한다. 풀이 : 1 2 3 4 5 6 7..

[리액트란?] 리액트를 사용하여 프론트엔드 개발을 할 때 두가지 방법으로 컴포넌트를 선언할 수 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 지원해 주어서 현재는 공식문서에서 함수형 컴포넌트와 훅을 함께 사용할 것을 권장하고 있다. 두가지 방법에 대해 알고 있어야, 필요한 상황에 맞게 사용할 수 있으므로 각각의 방법에 대해서 좀 더 깊이있게 살펴봐야 겠다. 컴포넌트는 단순한 템플릿 이상의 기능을 수행한다. 데이터가 주어졌을 때 이에 맞추어 UI를 만들어 주는 기능을 하는 것은 물론, 라이플 사이클 API를 통해 컴포넌트가 화면에 나타날때, 사라질 때, 변할 떄 작업을 수행할 수도 있다. 컴포넌트의 목적에 따라 프리젠테이션 컴포넌트..

DAY ONE 을 잊지말자!! 문제 흔한 수학 문제 중 하나는 주어진 점이 어느 사분면에 속하는지 알아내는 것이다. 사분면은 아래 그림처럼 1부터 4까지 번호를 갖는다. "Quadrant n"은 "제n사분면"이라는 뜻이다. 예를 들어, 좌표가 (12, 5)인 점 A는 x좌표와 y좌표가 모두 양수이므로 제1사분면에 속한다. 점 B는 x좌표가 음수이고 y좌표가 양수이므로 제2사분면에 속한다. 점의 좌표를 입력받아 그 점이 어느 사분면에 속하는지 알아내는 프로그램을 작성하시오. 단, x좌표와 y좌표는 모두 양수나 음수라고 가정한다. 입력 첫 줄에는 정수 x가 주어진다. (−1000 ≤ x ≤ 1000; x ≠ 0) 다음 줄에는 정수 y가 주어진다. (−1000 ≤ y ≤ 1000; y ≠ 0) 출력 점 (x,..

DAY ONE 을 잊지말자!! 문제 주사위는 각 면에 1~6까지 적혀있는 정육면체이다. 주사위 2개를 굴려 합이 k가 나오는 경우를 조사한다. 예를 들어, 주사위 두개를 굴려 5가 나오는 경우이다. 출력 = 1,4 / 2,3 / 3,2 / 4,1 만 출력이 해당된다. 면접용 간단한 알고리즘이라 어떤 답을 정확히 원했는지는 모르겠지만, 내가 생각했을때 두가지 방법이 있어서 풀이해보았다. 풀이 1. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 import java.util.Scanner; public class Hexdice { public static void main(String[] args){ Scanner scan = new Scanner..

DAY ONE 을 잊지말자!! 문제 피보나치 수는 0과 1로 시작한다. 0번째 피보나치 수는 0이고, 1번째 피보나치 수는 1이다. 그 다음 2번째 부터는 바로 앞 두 피보나치 수의 합이 된다. 이를 식으로 써보면 Fn = Fn-1 + Fn-2 (n ≥ 2)가 된다. n=17일때 까지 피보나치 수를 써보면 다음과 같다. 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597 n이 주어졌을 때, n번째 피보나치 수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 n이 주어진다. n은 45보다 작거나 같은 자연수이다. 출력 첫째 줄에 n번째 피보나치 수를 출력한다. 풀이 1. Scanner와 if, for 문 1 2 3 4 5 6 7 8..

Web Storage Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능이다. 쿠키(cookie)와 비슷한 기능이며, Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한된다. 예를 들면, A도메인에서 저장한 데이터는 B도메인에서 조회할 수 없다. 이는 데이터의 보안 측면에서 당연하다. Web Storage의 ..

문장이나 특정단어를 강조하기 위해서 사용할 수 있는 태그 , 2가지가 존재한다. 위의 태그 2가지의 다른점은 무엇일까? b 태그 단순히 텍스트를 진하게 표시하는 역할만을 한다. 따라서 서식상 다른 텍스트와 대비된 스타일로 강조를 하고 싶을때 b태그를 사용한다. strong 태그 단순히 보여지는 강조가 아닌 실제로 페이지 내의 중요한 부분으로 브라우저에게 알려주는 역할을 한다. 브라우저가 strong 태그를 해석할 때 페이지 내에서 중요한 부분으로 이해하면, 이는 브라우저에서 지원되는 웹 접근성에 큰 기여를 한다. 차이점 결국 두 태그의 차이점은 화면 낭독기에서 차이점을 보인다. 태그를 사용하면 화면 낭독기는 해당 부분이 강조되었다고 알려주나, 태그는 알려주지 않는다. 그렇기 때문에 중요한지 아닌지에 따라..

redux의 sate 초기화 redux를 사용하다보면 state가 초기화 되는 경우가 있다. react에서 버튼을 클릭시 다른페이지로 이동할 경우, a tag를 흔하게 사용한다. state초기화 되는 이유 a태그를 사용하면 라우트를 이동시 redux의 전역 state가 모두 초기화 된다. 그 이유는 a 태그의 기본 속성은 페이지를 이동시키면서, 페이지를 새로 불러온다. 그렇게 되면서 react 앱이 지닌 상태도 초기화 되기 때문입니다. 초기화를 방지하는 방법 react에서 페이지를 이동시킬 때 react-router-dom 의 Link 컴포넌트를 사용하면 된다. Link 컴포넌트는 브라우저 주소만 바꾸고, 페이지를 새로고침 하지 않기 때문에 react 앱의 state를 초기화 하지 않는다. 클릭을 이용해..