연숲하는 블로그

입문자 관점에서 해결한 방법이니 참고용으로 가볍게 봐주세요!위 디자인들이 마음에 들어서 카피하던중가운데 로그인 부분만 블러 처리하고 싶어서 검색해 봤지만, 마땅한 방법을 찾기 어려웠습니다.  블러 처리는 이미지 태그에서만 가능한데, 그리드 구조 때문에 원하는 위치에 배치하기가 어렵고...그리드로는 원하는 위치에 배치했지만, 블러 처리가 되지 않고... 여러 시도 끝에 정말 간단한 해결 방법을 찾았습니다. 바로 미리 블러 처리된 이미지를 준비하는 것이었죠! ㅎㅎ두 이미지를 이용하니 이렇게 블러처리 된 것 같은 결과를 만들 수 있었습니다.  참고로 두 이미지의 크기는 똑같이 맞춰줘야 겹쳐집니다!물론, 이 방법은 이미지 크기나 윈도우 창 크기에 따라 블러 효과가 어긋날 수 있어 완벽한 해결책은 아닙니다.공부하..

웹 사이트를 제작할 때 많이 쓰이는 프레임 워크 중 하나인 스프링(spring)온라인 강의나 여러 사이트를 참고하여 스프링을 익히고,기존 웹 프로젝트 개선이라는 목표를 가지고 시작해보려고 한다. 1일차에는 환경 구축과 간단한 실습을 성공해보는 것을 목표로 진행하였다. https://spring.io/quickstart Spring | QuickstartSpring Quickstart Guide What you'll build You will build a classic “Hello World!” endpoint which any browser can connect to. You can even tell it your name, and it will respond in a more friendly way...

도메인 실습을 하던중, SSL 인증서를 발급하는 과정에서 오류가 발생했다. 가비아에서 도메인 구매를 했고, 오류 내용중 "no valid A records found for 도메인주소"가 있다면 이 해결방법을 따라하면 좋을 것 같다. MY가비아 -> DNS 설정에서 두 레코드를 추가해주고 명령어를 다시 실행하면 간단하게 해결된다. 원래는 발급받은 주소를 사용하기 위해 www만 추가해두었었는데, 다른 방법에 대한 것은 설정하지 않아서 이런 오류가 발생한 것 같다.

Quick Sort 분할 정복 알고리즘이라고도 하며, 특정값을 기준으로 한 배열을 두개의 부분 배열로 나누어 정렬하는 알고리즘이다. pivot을 정하고, 나머지 배열의 양쪽끝에서부터 검사를 한다. 배열의 왼쪽에는 pivot보다 작은 값, 배열의 오른쪽에는 pivot보다 큰 값이 놓이도록, 잘못된 위치에 있는 원소들을 교환한다. 한 검사가 끝나면 적어도 pivot은 제 위치를 찾은 것이고, 나눠진 배열들에 또 퀵 정렬을 적용하고 반복하면 정렬이 완료되게 된다. 이 알고리즘은 while문과 재귀함수로 구현할 수 있다. 배열들을 검사하며 교환하는 while문과 나눠진 두 배열에 퀵 정렬을 적용하는 재귀함수로 이루어진다. 퀵 정렬은 최선의 경우와 최악의 경우에 따라 시간 복잡도가 달라지는데 정렬된 배열을 검사할..

Insertion Sort 원소를 하나씩 삽입하는 것처럼 정렬하는 알고리즘이다. 삽입시 정렬된 이전 원소들과 비교하여, 자신이 더 작다면 자리를 교환하고, 이것을 반복한다. 이 알고리즘은 중첩 for문으로 구현할 수 있는데, 삽입 원소를 선정하는 for문과 삽입 원소와 이전 원소들을 비교하는 for문으로 이루어진다. 삽입 정렬은 최선의 경우와 최악의 경우에 따라 시간 복잡도가 달라지는데 정렬된 배열을 검사할 땐 원소를 비교하는 for문을 거치지 않아 O(n)이 되고 역순 배열을 검사할 땐 O(n^2)이 된다. 코드 #include using namespace std; void insertion_sort(int arr[],int n) { for(int i=1;i=0;j--) { if(new_>=arr[j]..

Selection Sort 최솟값을 이용한 방식으로, 배열의 최솟값인 원소를 찾고 배열의 앞과 값을 교환해서 정렬하는 알고리즘이다. 한 번 검사를 완료하면 최솟값이 앞에 놓이게 되고 다음 검사에선 그 부분을 제외하며 검사를 한다. 이 알고리즘도 중첩 for문으로 구현되는데, 검사 범위를 줄이는 for문과 최소값을 찾는 for문으로 이루어진다. 버블 정렬보단 교환의 수가 줄었지만 중첩 for문이기 때문에 시간 복잡도는 O(n^2)이 된다. 코드 #include using namespace std; void select_sort(int arr[],int n) { for(int i=0;i

Bubble Sort 가장 기본적이고 단순한 방식으로, 배열에서 인접 원소 2개를 비교하고, 교환해서 정렬하는 알고리즘이다. 앞부터 끝까지 검사를 완료하면 가장 큰 값이 끝에 놓이게 되고, 다음 검사에선 그 값을 제외하고 검사를 하기때문에 검사를 할 수록 검사 범위가 줄어들게 된다. 이 알고리즘은 중첩 for문으로 구현할 수 있는데, 검사 범위를 줄이는 for문과 시작부터 끝까지 검사하는 for문으로 이루어진다. 따라서 시간 복잡도는 O(n^2)이 된다. 코드 #include using namespace std; void bubble_sort(int arr[],int n) { for(int i=n-1;i>0;i--){ //검사 범위 축소: 0~n-1, 0~n-2, ... for(int j=0;jarr[j..

코딩 문제엔 항상 시간제한과 메모리제한이라는 제한이 등장한다. 기초적인 문제들, 중 난이도의 문제를 풀 때는 이 제한이 널널하기 때문에 무시하고 풀어도 괜찮지만 코딩 대회나 기업의 코딩 테스트에선 이를 고려하지 않을 경우 시간초과, 메모리초과로 오답처리가 된다. 이전까지는 복잡도에 대한 필요성을 느끼지 못해서 문제만 읽어보고 적절할 것 같은 알고리즘을 대입하여 문제를 풀었었는데 실력 발전에 도움이 되지않는 생각이 들었다. 따라서 해당 글에서 복잡도에 대한 것을 개인적으로 정리해보려고 한다. "이것이 취업을 위한 코딩 테스트다"라는 책을 주로 참고하여 작성하였다. 1. 복잡도 코드 작성시 언어와 아이디어에 따라서 굉장히 다양한 알고리즘이 나올 수 있는데 알고리즘의 우위를 가리고 평가하기 위해 복잡도를 사용..