윤프로 | 코드가 개발새발해

지난 상단 헤더 꾸미기 게시글이 꾸준히 유입률 1위를 담당하고 있어서 작성해보는 2탄 ( •̀ ω •́ )y이번 꾸미기는 아래가 둥근 상단박스 헤더(스크롤에 따라 색 변화) + 진행바 를 만들어보겠습니다.헤더를 변경한지 오래되어 어떤 순서로 얼만큼 수정했는지 기억이 가물하지만..최종 수정한 HTML 코드와 CSS 를 남겨둘테니 참고해주시면 감사하겠습니다! 기본 템플릿은 [ Odyssey ] 를 사용했고 이전 상단 헤더 꾸미기 1탄을 바탕으로 진행됩니다. 1. 아래가 둥근 헤더 박스기존의 상단을 가득 채운 네모 반듯한 상단바가 너무 딱딱한 느낌이 들어서아래만 둥글게 깎아 부드러운 느낌을 주겠습니다..header 클래스의 속성을 바꿔주기 위해스킨 편집 > HTML 편집 > CSS 탭에서 '/* header ..

[문제출처 | https://www.acmicpc.net/problem/2775 ]💭접근 방식다이나믹 프로그래밍 분류에 있는 문제로, 브론즈 등급이라 큰 어려움은 없었다.DP 특유의 점화식 규칙 찾기가 어떤 식인지 입문하기 괜찮은 문제였다.입력으로 들어오는 수의 최대값도 14로 작으니1. DP용 가구원 수를 담을 배열 선언2. 규칙을 찾아 전 층의 가구원 수를 DP 배열에 담는다.3. 테케 별 해당 층, 호의 가구원 수 출력DP 문제들의 주요 포인트는 점화식과 기저조건을 찾아내는 것이라 생각한다.자세한 풀이는 아래 풀이 과정에서 풀어보겠다.📝풀이 과정변수apart[15][14] : 메모이제이션을 위한 2차원 배열. 0 ~ 14층(15행), 1 ~ 14호(14열)주요 풀이k층 n호의 가구원 수는 k-1..

[문제출처 | https://www.acmicpc.net/problem/27737 ]💭접근 방식해당 문제는 Java로 먼저 풀었기 때문에 접근 방식은 이전 포스트로 대체한다.본진은 자바인데 프론트엔드 직군 코테를 위해 시작한 자바스크립트 풀이도 함께 올린다.DFS나 BFS를 자바스크립트로 풀며 느낀 조심할 부분은 재귀의 범위가 자바보다 작다는 것이다.자바에서 통과한 로직을 그대로 자바스크립트로 작성했는데 서브태스크 1만 성공하고 2는 틀렸다.뭔가 큰 수에서 탐색할 때 문제가 있나 싶어 BFS로도 풀었는데 문제는 다른 곳에 있었다. (풀이 과정에 계속..)큐에 탐색 칸을 담는 BFS 알고리즘으로 풀기 위해 visited 변수를 추가했다.📝풀이 과정변수visited : 탐색한 map 칸을 구분하기 위한 ..

[문제출처 | https://www.acmicpc.net/problem/27737 ]💭접근 방식처음 문제를 읽었을 땐 이전에 풀었던 섬의 개수, 토마토와 비슷한 느낌을 받았다.전형적인 DFS, BFS 문제로 구역을 탐색하며 흔적을 남기고 그때마다 카운팅한 어떤 결과물을 도출하는 것.문제 내용 중 한 칸에 여러 개 포자를 겹쳐 심을 경우 범위가 더 늘어난다는 예시 이미지를 보고 순간 생각이 많아졌는데..(BFS에 DFS까지 합쳐야 하는 문제인가? 해당 칸에 1개만 심을 경우, 2개 심을 경우, X개 심을 경우 퍼져 나갈 수 있는 칸은 X * K 개니까.. 헉 그럼 어떻게 풀어야하지? \(°_o)/ )이러다 날 샌다.. 일단 겹쳐 심는 경우는 제쳐두고 하나씩 심는 경우에서 풀어나가 보자.시작은 섬의 개수 ..