뺑슨 개발 블로그

[프로그래머스] 코딩 기초 트레이닝 - "코드 처리하기" (Javascript)

bbangson — Sun, 17 Aug 2025 15:05:36 +0900

https://school.programmers.co.kr/learn/courses/30/lessons/181932

프로그래머스

SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프

programmers.co.kr

난이도 : Lv.0

코드

function solution(code) {
    let answer = '';
    let mode = 0;

    [...code].forEach((c,i) => {
        if(c !== '1' && i % 2 === mode) answer += c;
        if(c === '1') mode = mode === 1 ? 0 : 1;
    }); 

    return answer.length === 0 ? "EMPTY" : answer;
}

[...code] 코드는 문자열 "code"를 배열로 변환시켜줍니다.

문제는 mode에 따라 조건이 나뉘어지는 것 같이 나왔지만, 자세히 읽어보면 mode보다는 code[idx]값이 더 기준이 된다는 것을 알 수 있습니다.

code[idx]가 "1"이 아닐때에는 모든 mode에서 문자열을 추가합니다.

code[idx]가 "1"이면, mode를 변경합니다.

피드백 환영합니다.

[프로그래머스] 코딩 기초 트레이닝 - "등차수열의 특정한 항만 더하기" (Javascript)

bbangson — Sun, 10 Aug 2025 16:00:17 +0900

https://school.programmers.co.kr/learn/courses/30/lessons/181931

프로그래머스

SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프

programmers.co.kr

난이도 : Lv.0

reduce 메서드를 활용해볼 수 있는 좋은 문제인 것 같습니다.

코드

function solution(a, d, included) {
    return included.reduce((acc, flag, i) => {
        return flag ? acc + a + (d * i) : acc;
    }, 0);
}

acc(accumulator)의 초기값은 0입니다.

included 배열을 reduce 메서드로 순회하면서 flag 값(boolean)에 따라, 등차수열 n항 값을 더해주면 됩니다.

피드백 환영합니다.

[프로그래머스] 코딩 기초 트레이닝 - "공배수" (Javascript)

bbangson — Sun, 3 Aug 2025 16:00:56 +0900

https://school.programmers.co.kr/learn/courses/30/lessons/181936

프로그래머스

SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프

programmers.co.kr

난이도 : Lv.0

Javascript에서 제공하는 연산자 문법들을 잘 활용해볼 수 있는 문제인 것 같습니다.

코드

function solution(number, n, m) {
    return +!(number % n || number % m);
}

공배수는 두 개 이상 자연수의 공통인 배수입니다.

주어진 입력 number가 n과 m으로 나누어 떨어지면 공배수라 할 수 있습니다.

number % n || number % m 으로 나눗셈의 나머지를 확인합니다.

|| 연산자로 구분된 값들이 0으로 떨어지면 false를 반환합니다.

false를 반환한다는 것은 두 값 모두 0으로 나누어떨어진다는 의미입니다. 공배수라는 뜻이죠. 그렇다면 true를 반환해야합니다.

true를 반환하기 위해 앞에 ! 연산자를 이용하여 논리적으로 반전시킵니다.

하지만 정답은 숫자(0, 1)로 반환해야 하기 때문에, +연산자를 추가로 앞에 붙여 boolean 값을 숫자로 변환합니다.

따라서, +true = 1, +false = 0의 결과가 도출되게 됩니다.

피드백 환영합니다.

[CKEditor 4] Base64 인코딩 이미지 Editor 등록 이슈

bbangson — Tue, 15 Mar 2022 01:20:58 +0900

1. 문제 인식

다른 사이트의 이미지를 복사하여 게시글을 작성하면 이미지가 잘 등록되지만, 특정 이미지나 로컬에 저장된 이미지는 등록이 되지 않는 이슈가 있었습니다.

아래 사진과 같이 Editor에 분명히 로컬에 저장되어있는 이미지를 넣고 등록 버튼을 눌렀지만,

예시 이미지

참고로 위 사진은 이슈를 해결하고 나서의 Editor라, 버전은 4.17.2입니다.

이슈가 발생했을 때의 Editor 버전은 4.13.2였습니다. 하지만 버전업이 근본적인 문제 해결책이 아닙니다.

4.17 버전부터 이미지를 Base64로 Editor에 끌어다 놓기를 허용하지만, 등록은 되지 않을 수 있습니다.

아래 사진을 보면 이미지는 사라져있습니다.

예시 이미지

2. 문제 해결

lib/common.lib.php 파일을 찾습니다.

위 파일에서,

$config->set('Attr.AllowedFrameTargets','_blank, _self, _parent, _top' );

혹은

$config->set('Attr.AllowedFrameTargets', array('_blank'));

위와 같은 코드를 찾습니다.

만약 lib/common.lib.php 파일이 존재하지 않다면 위 코드를 갖고 있는 파일을 찾으시면 됩니다.

해당 코드 바로 아래에 다음 코드를 추가합니다.

$config->set('URI.AllowedSchemes', array('http' => true, 'https' => true, 'data' => true));

끝입니다.

만약 문제가 해결되지 않는다면, 캐시 비우기 및 강력 새로고침과 IDE 재시작을 추천드립니다.

3. 원인 분석

HTML Purifier

HTML Purifier는 웹 PHP 서비스 개발 시, XSS(cross-site scripting) 취약점을 보안하기 위해 HTML을 필터링 하는 라이브러리입니다.

게시판의 글 제목이나 글 내용 등에 script, mouse 이벤트, Error 등을 삽입하여 원하는 정보를 얻어내거나 공격하는 것을 방지합니다. 그래서 안전한 속성, 특정 이벤트, 태그 등만을 허용합니다.

CKEditor4 내에서 로컬 이미지를 삽입하면, 자동적으로 이미지가 Base64 String 값으로 변환되어 삽입됩니다.

Editor 내에 이미지를 삽입하는 것은 가능할 수 있으나, 문제는 게시글을 등록할 때 purify 함수가 사용됩니다.

이 과정에서 purify 함수가 인코딩된 Base64 String 값을 필터링하는 것 같습니다.

$config->set('URI.AllowedSchemes', array('http' => true, 'https' => true, 'data' => true));

위 코드에서 'data' => true로 인하여 Base64 이미지를 등록할 수 있게됩니다.

이슈는 해결하였지만 보안적인 측면에서는 미흡한 부분이 있습니다.

장단점이 존재하는 해결방법입니다.

장점

- 별도의 이미지 파일이 필요 없습니다. Base64 인코딩된 String 값 자체가 이미지이기 때문에 별도의 이미지 파일이 없어도 브라우저에서 이미지를 렌더링 합니다.

- 브라우저가 이미지를 렌더링할 때, 문서 로딩이 끝난 후에 이미지를 렌더링합니다. 네트워크가 좋지 않으면 이미지가 로딩이 되지 않는 경우가 발생할 수 있는데, Base64 인코딩 이미지를 삽입하면 문서를 로딩할 때 Base64 이미지도 로딩되기 때문에 이러한 이슈가 사라집니다.

단점

- 용량이 커지기 때문에 DB에 부하가 걸릴 수 있습니다.

- 이미지 사이즈가 크게 되면, Base64 String 길이가 엄청나게 길어지는데, 이러면 소스의 가독성이 떨어질 수 있습니다.

- Base 64 인코딩 이미지를 많이 삽입할 경우, 문서 자체를 로딩하는데 많은 시간이 소요되기 때문에 속도 저하가 발생할 수 있습니다.

Base64

"Base64"는 64진법이라는 뜻입니다. 8비트 이진 데이터(예를 들어 실팽 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식을 가리키는 개념입니다.

피드백 환영합니다.

[공채 후기] 2022년 아프리카TV 웹 서비스 개발 공채 후기 (페이지/REST API직무, 1차면접, BTB 면접, 최종면접)

bbangson — Sat, 5 Feb 2022 21:44:23 +0900

출처 : 자소설 닷컴

자기소개서 (서류 전형)

저는 웹 서비스 개발(웹 서비스 페이지 / REST API) 부문 지원자였습니다.

자기소개서는 모든 문항을 500자 이내로 작성해야 했습니다. 이 부분은 좋았습니다. 자기소개서를 제외하고 이력서에 블로그, 포트폴리오 링크를 작성하였습니다.

제가 지원한 부문은 따로 코딩 테스트를 진행하지 않았습니다. 여러 리뷰를 찾아봤을 때, 사전 테스트가 있다고 했지만 따로 저는 보지 않았습니다. 하지만 코딩 테스트 혹은 사전 과제가 있던 직무도 있었습니다.

서류를 합격하면 바로 1차 면접이었습니다.

서류 전형 결과 메일

1차 면접

1차 면접은 대면 다대다 면접으로 진행됐습니다. 3(지원자) : 4(면접관) 면접이었습니다. 자유 복장이었습니다.

면접 건물

1차 면접은 위 건물 1층에서 진행했습니다.

대면 면접은 정말 오랜만이라 조금 긴장됐습니다. 전체적인 면접 분위기는 나쁘지 않았습니다. 압박 이런 것은 전혀 없었고, 면접 난이도도 높지 않았습니다. 약 1시간 동안 3명의 대답을 들어야 해서 한 사람에게 쏟을 수 있는 시간은 그리 길지 않았습니다.

1차 면접은 전체적으로 정답이 정해져 있는 답변이 아닌, 정말 지원자의 경험과 생각을 물어보는 질문이 많았습니다.
기술 5 : 인성 5 정도의 비율로 적절하게 질문을 받았습니다. 지원자마다 질문이 달랐던 것도 있고, 공통 질문도 있었습니다. 받았던 공통 질문 위주로 작성해보겠습니다.

- 1분 자기소개
- 한줄 짜리 if문에 중괄호를 쓸 것인가? 이유는?
- 매일 1시간씩 시간이 더 주어진다면 무엇을 할 것인가?
- 특정 테이블에서 값을 가져와서 해당 값을 더하는 로직을 백엔드에서 구현할 것인가 프론트에서 구현할 것인가?
- 자기소개서 기반 기술 질문 (지원자마다 질문이 다름)
- 좋아하는 BJ, 좋아하는 이유
- log4J 알고 있나?
- 지원 동기
- 마지막 할말 or 질문
- 등등...

1차 면접 결과 메일&amp;nbsp;

BTB 면접 (Be The Bj)

아프리카TV는 이색 면접으로 실제로 지원자가 BJ가 되어서 약 20분 동안 방송하는 전형이 있습니다.
방송 주제는 자유입니다. 저는 좋아하는 축구팀을 소개하는 컨텐츠를 주제로 방송하였습니다.

최고 시청자가 한 15명 정도 됐던 것 같은데, 처음에는 부담이었지만 하다 보니 오히려 재밌었습니다. 시청자는 아프리카 TV 관계자 분들과 면접관 및 지원 분야의 직원분들, 일반 시청자들이 들어오시는 것 같습니다.

처음 3분 동안 마이크 설정을 잘못해서 소리가 안들리는 방송사고가 있었지만, 잘 대처하고 방송을 진행했네요. 생각보다 채팅도 많이 쳐주시고 반응을 잘해주셔서 좋았습니다.

BTB 면접 사진

BTB 면접 사진&amp;nbsp;

이런 식으로 진행해주시면 됩니다.

최종 면접

최종 면접 또한 동일한 건물에서 대면 다대다 면접으로 진행됐습니다.
1차는 1층에서 진행했지만, 최종 면접은 아프리카TV가 위치한 층에서 진행했습니다.(9층으로 기억합니다.)

4(지원자) : 3(면접관)으로 진행했습니다. 처음에 대표님이 계셔서 굉장히 당황했지만, 대표님은 지원자들의 긴장을 풀어주시고 퇴장하셨습니다. (물론 질문도 하셨습니다.)

분위기는 편안한 분위기였습니다. 면접자가 4명이라 한 사람에게 할당된 시간은 1차 면접보다 적었습니다. 다대다 최종 면접은 색다른 경험이었습니다. 여러 면접자들의 대답을 듣는 것도 하나의 재미 요소였습니다.

저도 물론 긴장을 하긴 했지만, 저보다 더 많이 긴장을 했던 지원자도 있었고 긴장을 하나도 안 하는 것 같은 지원자도 있었습니다.

최종 면접은 주로 인성 위주의 질문이었습니다. 그리고 절대 미리 준비할 수 없는, 순발력을 필요로 하는 질문도 있었습니다. 하지만 당황하지 않는다면, 차분히 대답할 수 있습니다. 면접 난이도 자체는 높지 않았습니다.

- 자기소개
- 대표님 훈화말씀(?)
- 아프리카TV의 장점과 단점, 개선 방향
- 웹 개발자를 하려는 이유
- 아프리카TV에서 구현된 기능 중 구현 방법이 궁금한 기능
- 10년 뒤, 되고 싶은 개발자
- 자기소개서 기반 질문
- 선호하는 들여쓰기 방법 (탭 or 스페이스 바)
- 마지막 질문 or 할 말
- 등등...

최종 면접 결과 메일

운이 좋게, 최종 합격을 했습니다. 짧으면 짧고 길었던 취준 생활이 끝이 났네요.
이로써, 저의 커리어 첫 시작은 아프리카 TV가 되었습니다.

다대다 면접을 통해서 다른 지원자의 대답을 들어본 결과, 한 가지 느낀 점은 대답을 길게 하는 것이 오히려 악영향을 끼친다는 것입니다. 경청하는 태도도 중요할 것 같아, 다른 지원자의 말도 귀 기울여 들었지만 대답이 조금 길어지면 집중이 떨어져서 말이 잘 들리지 않고, 동문서답을 하는 경향이 있었습니다. (물론 저 또한 그랬을겁니다.)

긴장되는 상황 속에서 쉽지는 않겠지만 최대한 간결하게 전달하는 연습이 중요한 것 같습니다.

간신히 기억나는 것 위주로 최대한 적었습니다. 도움이 되었으면 좋겠네요.
공채 후기를 포스팅하는 이유는 다시 돌아보며, 똑같은 실수를 반복하지 않기 위함입니다.

혹시 문제가 있다면, 삭제하도록 하겠습니다.

[공채 후기] 2021년 하반기 11번가 광고플랫폼 개발 공채 후기 (FE직무, 1차면접, 최종면접)

bbangson — Fri, 4 Feb 2022 11:08:55 +0900

출처 : 자소설닷컴

자기소개서 && 코딩 테스트 (서류 전형)

저는 광고 플랫폼 개발 부문 지원자였습니다. 직무는 FE입니다.

11번가는 자기소개서가 굉장히 중요한 것 같습니다. 저도 신중을 가해서 작성하였고 포트폴리오도 제출했습니다.

포트폴리오는 선택이지만 필히 제출하는 것을 추천드립니다. 코딩 테스트 난이도가 쉬워서 자기소개서에서 많이 필터링되는 것 같습니다.

코딩테스트는 기억상 3문제(?) 출제됐던 것 같습니다. 문제 수가 중요한 게 아니라 난이도가 굉장히 쉽습니다. 같이 지원했던 친구는 다 풀고도 서류 탈락한 것을 보면 자기소개서가 중요한 것 같습니다.

서류 전형 결과 메일

1차 면접 (직무 면접) + 사전과제

1차 면접에서는 사전 과제가 주어집니다. 사전 과제 내용은 구체적으로 말씀 드릴 수 없지만, 몇 가지 주제 중에서 하나를 선택하여 진행합니다. 구현 과제, 이론 설명 과제 등이 있던 것으로 기억합니다. 저는 구현 과제를 했으며, 난이도가 쉽지는 않았습니다.(주관적입니다.)

1차 면접에서는 한 팀이 면접관으로 참가했었습니다. 4 : 1 (다대일) 면접이었으며, 30분 동안 진행했습니다.

구글 미트로 진행했고, 처음 약 5분 동안은 사전 과제 발표를 하였습니다. (구글 미트에서 발표 창을 제가 직접 킬 수 있었습니다.)

분위기는 좋았지만, 면접 시간이 30분 밖에 없어서 급하게 진행되는 느낌을 받았습니다. 그래서 면접 준비할 때, 사전 과제 발표 연습을 많이 하시고 가는 것을 추천드립니다. 발표 중간에 말문이 막히면 굉장히 쉽지 않을 것 같다는 느낌을 받았습니다. 발표가 끝나면 사전 과제에 대한 질의응답과 본격적인 면접이 시작됩니다.

- 자기소개

- 사전 과제 관련 질의응답 (구현 방법 등)

- 지원 동기

- 자기소개서 기반 질문

- 포트폴리오 기반 질문

- 지원자의 단점은 무엇인지?

- HTTP 프로토콜

- ES5, ES6 차이

- 5년, 10년 뒤 커리어 모습

- CORS

- 마지막 할말 or 질문

- 등등...

30분동안 받았던 질문들이 생각보다 많았습니다. 기술 4, 인성 6 비율로 받은 것 같습니다. 그나마 기억나는 것들을 위에 적었습니다.

주관적인 생각이지만, 스스로 피드백해보자면 면접 자체는 그냥 평범했던 것 같습니다. 사전 과제에서 칭찬을 받았는데, 여기서 좋은 점수를 받았던 것 같습니다. 면접 분위기는 전체적으로 좋았습니다.

1차 면접 결과 메일

최종 면접 (임원 면접)

결론부터 말씀드리면, 저는 최종 면접에서 탈락하였습니다. 그래서 주관적인 리뷰이니, 감안하여 봐주시길 바랍니다.

마찬가지로 비대면으로 진행하였으며, 2:1(다대일) 면접이었습니다.

면접 분위기는 정말 좋았습니다. 제가 대답을 잘해서 좋은 것이 아니라 면접관님들께서 잘 들어주시고, 잘 반응해주셔서 분위기가 좋을 수밖에 없었습니다.

기술 질문은 거의 없었고, 광고 도메인, 11번가 관심도와 인성 위주의 질문이 많았습니다.

질문 자체도 어렵지 않았으며, 준비한 예상 질문 리스트에서 많이 나왔습니다. 그래서 준비한 스크립트를 더 대답하게 된 것 같습니다.

면접이 끝났을 때는 준비한 스크립트를 잘 대답해서 나쁘지 않았다고 느꼈으나, 시간이 지날수록 아차 싶었습니다. 오히려 스크립트를 외운것이 더 솔직하지 못한 모습을 보여줬다고 생각합니다. 그리고 무조건 티가 났을 겁니다. 훗날 다른 기업에서 다대다 면접을 경험하면서 다른 지원자의 대답을 들어보니 알겠더라고요.

- 자기소개.

- 자기소개 관련 꼬리 질문.

- 지원 동기.

- FE는 SW 개발도 있는데 광고 플랫폼에 지원한 이유.

- 11번가를 선택한 이유.

- 11번가 관심도에 관한 질문.

- 입사하고 하고 싶은 업무.

- 마지막 할 말

- 질문

- 등등...

최종 면접 결과 메일

저는 차순위 합격 메일을 받긴 했지만, 결국 "불합격"입니다. 채용 홈페이지의 탈락 결과를 캡처하고 싶었지만, 조회 결과가 없어져서 결과 메일로 대체했습니다.

최종 면접에서 탈락했다는 사실에 좀 아쉬웠지만, 바로 다른 공채가 떠서 그거 준비하느라 크게 아쉬워할 시간도 없었던 것 같습니다.

약 한 달이 지난 지금은 오히려 최종 면접 탈락도 추억이 되었습니다. 쿨하게 털어버리고 바로 다음 공채를 준비했던 스스로가 대견스럽네요. 그리고 결국은 최종 합격까지 했습니다.

되게 늦은 작년 하반기 공채 후기네요.

간신히 기억나는 것 위주로 최대한 적었습니다. 도움이 되었으면 좋겠네요.

공채 후기를 포스팅하는 이유는 다시 돌아보며, 똑같은 실수를 반복하지 않기 위함입니다.

혹시 문제가 있다면, 삭제하도록 하겠습니다.

[공채 후기] 2021년 하반기 다우기술 신입 공채 후기 (Web Application 개발, 1차 면접)

bbangson — Thu, 3 Feb 2022 14:57:14 +0900

출처 : 자소설닷컴

자기소개서

저는 Web Application 개발 부문 지원자였습니다.

자기소개서는 다른 기업과 크게 다를 거 없었습니다.

무난하게 작성하였습니다. 저는 github 링크와, 포트폴리오, 블로그 링크를 자소서에 첨부하였습니다.

서류합격 메일

기술력 진단

서류에 합격하면 인적성검사 + 오프라인 코딩 테스트를 치르게 됩니다.

인적성 검사는 인성검사 + 삼성의 GSAT 같은 문제가 출제됩니다.

난이도는 제 기준에서 조금 어려웠던 걸로 기억합니다. ~~(시간이 부족했습니다.)~~

오프라인 코딩 테스트는 COS pro 시험입니다. 잘 몰랐던 시험이었는데, 기술력 진단을 보면서 알게 되었습니다.

신촌 CBT 센터에서 시험을 봅니다.

난이도는 쉬운 편에 속합니다. 사전에 언어를 선택하여 볼 수 있습니다. (저는 Java로 봤습니다.)

문제 유형은 일반 코딩테스트 + 빈칸 채우기 + 디버깅 등의 유형이 있었습니다.

총 10문제를 약 90분 동안 봤던 걸로 기억합니다. 대부분의 인원들이 시간을 다 채우지 않고 나갔던 걸로(?) 기억합니다.

프로그래머스나 다른 사이트에서 비슷한 유형을 연습할 수 있어서, 저는 공부를 하고 시험장에 갔습니다.

기술력 진단 결과 메일

1차 면접 (실무 면접)

결론부터 말씀드리자면, 저는 1차 면접에서 탈락했습니다. 그래서 이후에 진행했던 한 달 인턴쉽을 경험해보지 못했습니다.

제가 지원한 직무인 Web Application 부문의 1차 면접은 Zoom으로 약 20분 동안 3 : 1(다대일) 면접으로 진행했습니다. 복장은 정장이었습니다.

첫 공채 면접이어서 그런지 굉장히 긴장을 많이 했던 기억이 있습니다. 긴장을 덜하고 봤으면 어땠을까? 하는 아쉬움이 있네요. (너무 투머치 토커였습니다.)

기본적으로 자소서와 포트폴리오 기반으로 질문이 들어옵니다. 이건 어느 면접이나 마찬가지인 것 같습니다.

- 자기소개

- 프로젝트 경험 설명 (역할, 구현 방법)

- 자기소개서 기반 질문

- 추상클래스와 인터페이스의 차이

- 이벤트 버블링

- 채용해야 하는 이유

- 마지막 할 말

- 등등...

이 정도로 기억이 납니다.

면접 분위기 자체는 나쁘지 않았습니다. 압박은 없었고 최대한 편하게 해 주려는 분위기였습니다.

대답 못한 질문도 있고 긴장을 너무 한 탓에 스스로 말려버린 것 같습니다. 제가 면접관이었어도 저를 탈락시켰을 것 같습니다. 이때의 면접 경험이 추후에 있을 다른 면접에 굉장히 많은 도움이 됐습니다.

되게 늦은 작년 하반기 공채 후기네요.

간신히 기억나는 것 위주로 최대한 적었습니다. 도움이 되었으면 좋겠네요.

공채 후기를 포스팅하는 이유는 다시 돌아보며, 똑같은 실수를 반복하지 않기 위함입니다.

혹시 문제가 있다면, 삭제하도록 하겠습니다.

[회고] 2021년 러닝 135KM 후기.

bbangson — Tue, 1 Feb 2022 23:38:17 +0900

증거 사진

작년에 약 135km를 뛰었습니다. 의도한 목표는 아닌데 그래도 1년에 100km는 넘게 뛰었네요. 더 뛸 수도 있었는데.. 하는 아쉬움이 남습니다.

올해는 약 500km를 목표로 한번 뛰어보겠습니다. 뛸 수 있을 것 같아요.

그래도 중간에 한 번도 걷지 않고 최대 10km까지는 뛰어봤습니다. 2월부터, 눈 그치고 날이 좀 풀리면 다시 시작해야겠어요.

러닝은 정말 좋은 취미인 것 같습니다. 많은 사람들이 뛰었으면 좋겠네요. 작년에는 계속 혼자 뛰었는데, 올해는 러닝 메이트를 구해서 같이 뛰어야겠습니다.

내년 이 맘때쯤에는 500km 뛴 증거로 포스팅하도록 하겠습니다. 실패 시, 공약은 없습니다. 제가 인플루언서는 아니라서요. 댓글로 적어주신다면 생각은 해보겠습니다.

코로나 시국에 혼자서 찾을 수 있는 취미를 찾다가 좋은 취미를 얻은 것 같습니다. 모두 그럼 즐런하세요.

한달에 약 50km를 뛰면 일년에 500km를 채울 수 있겠네요. (겨울은 쉰다고 가정하면)

그러면 일주일에 약 12km를 평균적으로 뛰어야겠네요. ~~생각보다 빡세네요.~~

[백준] 16918번 - "봄버맨" (Java)

bbangson — Mon, 3 Jan 2022 19:35:59 +0900

https://www.acmicpc.net/problem/16918

16918번: 봄버맨

첫째 줄에 R, C, N (1 ≤ R, C, N ≤ 200)이 주어진다. 둘째 줄부터 R개의 줄에 격자판의 초기 상태가 주어진다. 빈 칸은 '.'로, 폭탄은 'O'로 주어진다.

www.acmicpc.net

[백준] 16918번 - "봄버맨"

난이도 : 실버 1

쉽게 헷갈릴 수 있는 구현 문제이지만, 코딩 테스트 용으로 많은 도움이 될 문제인 것 같습니다.

제가 주목한 문제의 조건은

1. "연쇄 반응은 없다" -> 현재 위치의 폭탄이 터질 때, 인접한 폭탄은 터지지 않는다.

2. "1초가 지난 후에 3초 전에 설치된 폭탄이 모두 폭발한다." -> 동시 폭발

3. "3과 4를 반복한다" -> 처음 1,2,3,4를 수행하고 3과 4만 반복된다.

문제에서 주어진 조건을 위와 같이 해석했습니다.

제가 주목했던 3개의 조건 중, 1번과 2번을 통해 폭탄을 터트릴 때 반복문을 통해 순차적으로 폭탄을 터트리고 제거하면 안 된다는 것을 깨달았습니다. (순차적으로 터트려도 주어진 Test Case는 통과하지만 제출할 때는 틀립니다.)

2개의 반복문으로 동시 다발적으로 폭탄을 터트리도록 하였습니다.

첫 번째 반복문으로 현재 칸이 터질 수 있는지 아닌지 여부만 판단하고,

2번째 반복문에서 동시 다발적으로 폭탄을 터트려주는 로직으로 구현하였습니다. (이중 for문 아닙니다.)

조건 3번을 통해, 폭탄을 설치하고 터트리는 행위만 반복하였습니다.

다른 분들 코드를 보니 작성된 조건에 따라 4개의 순서로 %4를 하여 문제를 푸신 분들이 많았지만,

저는 "3과 4를 반복한다"는 조건에 초점을 맞춰, 2개의 순서만 반복하였습니다.

문제에 주어진 조건 3을 수행할지, 4를 수행할지는 boolean button 변수로 제어하도록 하였습니다.

이 값이 false면 조건 3(폭탄 설치), true면 조건 4(폭탄 폭발)입니다.

int seconds 변수는 시간 "초"를 의미하는 변수입니다. 입력을 받는 초기화된 시간 0초, 봄버맨이 아무 행위도 하지 않는 순간 1초는 입력 배열에 영향을 주지 않는다고 판단하여, while 문을 1초부터 시작하였습니다.

- static boom map [ ][ ];

폭탄 유무 상태와, 폭탄이 설치된 시각을 저장하기 위한 boom 객체를 자료형으로 만들고

이를 저장하기 위한 이중 배열 변수입니다.

- static int dr [ ] = {1, -1, 0, 0};
- static int dc [ ] = {0,0,1,-1};

폭탄이 폭파되고, 인접 칸의 폭탄을 제거하기 위한 사분면 배열 변수입니다.

- void main()

입력을 받아오고 전역 변수들을 초기화 및 선언해줍니다.

위에서 설명한 로직을 수행하고, 답을 출력합니다.

- void plant(int r, int c, int s)

폭탄을 설치하는, 문제에 주어진 조건 3을 수행하는 메서드입니다.

폭탄이 설치되어 있지 않은 칸에 폭탄을 설치합니다.

현재 시간은 나타내는 int s를 인자로 받아 설치되는 폭탄에 시간을 같이 저장합니다.

- void explode(int r, int c, int s)

폭탄을 폭파하는, 문제에 주어진 조건 4를 수행하는 메소드입니다.

이중 배열 boolean 변수인 flag를 활용하여 현재 칸에 폭탄이 존재하고 3초 전에 설치된 폭탄인 지 판단합니다.

폭발되어야 하는 칸은 true 값을 저장합니다. 폭발 되어야 하는 칸이면 인접한 칸들도 true 값으로 변경합니다.

그다음 반복문을 통해 true 값으로 지정되어 있는 칸은 전부 폭파시킵니다.

위와 같은 로직으로 하지 않고, 순차적으로 폭탄을 폭발시키면 동시적으로 폭탄이 터지는 로직이 아니게 됩니다.

그래서 결국 문제에서 요구하는 조건과는 다르게 로직이 구현되어 문제는 틀리게 됩니다.

코드

public class BOJ_16918 {
	// BOJ / 16918번 / 봄버맨 / 구현, 시뮬레이션 , 그래프 / 실버1
	static boom map[][];
	static int dr[] = {1,-1,0,0};
	static int dc[] = {0,0,1,-1};
	public static void main(String[] args) throws IOException {
		
		BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
		StringTokenizer stk = new StringTokenizer(br.readLine(), " ");
		// 입력부
		int r = Integer.parseInt(stk.nextToken());
		int c = Integer.parseInt(stk.nextToken());
		int n = Integer.parseInt(stk.nextToken());
		map = new boom[r][c];
		
		for(int i=0; i<r; i++) {
			String str = br.readLine();
			for(int j=0; j<c; j++) {
				map[i][j] = new boom(str.charAt(j), 0);
			}
		}
		
		int seconds = 1;
		boolean button = false; // 3과 4를 반복한다. 
		while(seconds < n) {
			seconds++;
			if(!button) {
				plant(r,c, seconds);
			}
			else if(button) {
				explode(r,c, seconds);
			}
			button = !button;
		}
		// 출력부
		for(int i=0; i<r; i++) {
			for(int j=0; j<c; j++) {
				System.out.print(map[i][j].status);
			}
			System.out.println();
		}
	}
	// 폭탄 설치.
	public static void plant(int r, int c, int s) {
		for(int i=0; i<r; i++) {
			for(int j=0; j<c; j++) {
				boom now = map[i][j];
				char nowStatus = now.status;
				
				if(nowStatus == '.') {
					boom newBoom = new boom('O', s);
					map[i][j] = newBoom;
				}
			}
		}
	}
	// 폭탄 폭발.
	public static void explode (int r, int c, int s) {
		
		boolean flag[][] = new boolean[r][c];
		for(int i=0; i<r; i++) {
			for(int j=0; j<c; j++) {
				boom now = map[i][j];
				char nowStatus = now.status;
				int nowTime = now.time;
				
				// 폭탄이 존재하고 3초 전에 설치된 폭탄이면 
				if(nowStatus == 'O' && s - nowTime >= 3) {
					// 현재 위치의 폭탄 체크
					flag[i][j] = true;
					for(int t=0; t<4; t++) {
						int nr = i + dr[t];
						int nc = j + dc[t];
						
						// 주변 위치 폭탄 체크 
						if(nr >= 0 && nr <r && nc>= 0 && nc<c) {
							flag[nr][nc] = true;
						}
					}
				}
			}
		}
		// 동시 다발적 폭탄을 터트려줘야한다. 체크된 폭탄 제거 
		for(int i=0; i<r; i++) {
			for(int j=0; j<c; j++) {
				if(flag[i][j]) {
					//폭탄 제거
					boom remove= new boom('.' , 0);
					map[i][j] = remove;
				}
			}
		}
	}
	
	private static class boom {
		char status;
		int time;
		public boom (char status, int time) {
			this.status = status;
			this.time = time;
		}
	}
}

여러 사람들의 풀이를 봤지만, 저랑은 다르게 풀이한 것 같았습니다. 다른 분들의 코드보다 제 코드가 시간은 오래 걸리지만,

저의 생각을 전달하고자 포스팅했습니다. 부족한 점이나 피드백 있으시면 지적 부탁드리겠습니다 :)

피드백 환영합니다.

[백준] 1913번 - "달팽이" (Java)

bbangson — Sun, 26 Dec 2021 18:15:11 +0900

https://www.acmicpc.net/problem/1913

1913번: 달팽이

N개의 줄에 걸쳐 표를 출력한다. 각 줄에 N개의 자연수를 한 칸씩 띄어서 출력하면 되며, 자릿수를 맞출 필요가 없다. N+1번째 줄에는 입력받은 자연수의 좌표를 나타내는 두 정수를 한 칸 띄어서

www.acmicpc.net

[백준] 1913 - 달팽이

난이도 : 실버 5

코딩 테스트나 다른 구현 문제에서 한 번쯤 마주쳤을 법한 유형의 구현 문제입니다.

저는 주어진 문제 조건에 반대로 생각하여 문제를 해결하였습니다.

달팽이가 아래 그림과 같이 움직이는 것이 문제에서 주어진 조건입니다.

배열의 정가운데 요소부터 배열의 값을 채울 수 있고, 구현할 수 있지만 난이도가 높아지는듯한 느낌이 받았습니다.

(마우스로 그려서 좀 삐뚤빼뚤할 수 있습니다.)

조건에 따른 달팽이 움직임

반대로 생각하여, 달팽이의 움직임을 아래 그림과 같이 거꾸로 구현하였습니다.

조건과 반대의 달팽이 움직임

1. 주어진 달팽이 움직임과 거꾸로 배열 요소를 삽입한다. (0,0)부터 시작.

2. direction(d)이 바뀌는 기준을 잡아준다. (범위를 벗어났거나, 이후 요소의 값이 존재하거나)

3. direction의 따라 다음 좌표의 값을 정한다. (d가 바뀔 경우, 바뀌지 않을 경우)

4. 값이 채워진 배열을 탐색 및 출력하면서 k의 위치를 찾는다.

- static int [] dr = {1, 0, -1, 0};

- static int[] dc = {0, 1, 0, -1};

배열을 탐색할 방향을 설정해줍니다. (0,0)을 기준으로 달팽이 움직임의 역방향으로 탐색해야 하기 때문에

하 -> 우 -> 상 -> 좌 순으로 좌표를 설정하였습니다. Java에서는 배열의 아래 방향이 +1이기 때문에 위와 같이 설정하였습니다.

- static int map [][];

전역 변수로 사용할 map 변수입니다.

- void main()

입력 및 전역 변수를 초기화합니다. makeMap() 함수를 호출하며 StringBuilder()를 사용하여 답을 출력합니다.

StringBuilder() 사용하지 않으면 시간 초과 오류가 뜹니다.

- void makeMap(int n)

주어진 n을 인자로 받으며, 달팽이의 움직임을 역으로 활용하여 배열의 요소를 삽입하는 함수입니다.

변수 r, c를 이용하여 좌표를 만들고 count는 배열의 들어갈 값입니다. d는 방향입니다.

여기서 중요한 것은 d(방향)가 바뀌는 순간을 인지하는 것입니다.

배열의 범위를 넘어가거나, 다음에 위치할 좌표에 이미 값이 있으면 방향(d)을 다음 방향으로 바꿔줍니다.

방향에 따라서 다음 좌표가 결정되고, 방향은 setDirection() 함수를 통해 결정됩니다.

- int setDirection (int d, int n, int nr, int nc)

다음 좌표가 수행해야 할 방향을 결정하는 함수입니다.

다음 좌표가 배열의 범위를 벗어났거나, 이미 값이 들어가 있으면 다음 방향으로 방향을 설정하여줍니다.

코드

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;

public class BOJ_1913 {
	// BOJ / 1913번 / 달팽이 / 구현 / 실버5
	
	static int[] dr = {1, 0, -1, 0}; // 하, 우, 상, 좌
	static int [] dc = {0, 1, 0, -1};
	static int map[][];
	public static void main(String[] args) throws IOException {
		
		BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
		StringBuilder sb = new StringBuilder();
		int n = Integer.parseInt(br.readLine());
		int k = Integer.parseInt(br.readLine());
		map = new int[n][n];
		int kr = 0;
		int kc = 0;
        
		makeMap(n);
		
		for(int i=0; i<map.length; i++) {
			for(int j=0; j<map.length; j++) {
				sb.append(map[i][j]).append(" ");
				if(map[i][j] == k) {
					kr = i;
					kc = j;
				}
			}
			sb.append("\n");
		}
		sb.append(kr+1).append(" ").append(kc+1);
		System.out.println(sb);
	}
	
	// 주어진 달팽이 방향과 거꾸로 삽입
	public static void makeMap(int n) {
		int r = 0;
		int c = 0;
		int count = n*n; 
		int d = 0; // 방향
		
		while(true) {
			if(count == 0) {
				break;
			}
			map[r][c] = count--;
			int nr = r + dr[d];
			int nc = c + dc[d];
			int nd = setDirection(d,n,nr,nc);
			// 방향이 바뀌면 다음 방향을 기준으로 r,c를 업데이트.
			if(nd != d) {
				r = r + dr[nd];
				c = c + dc[nd];
				d = nd;
			}
			else {
				r = nr;
				c = nc;
			}
		}
	}
	
	public static int setDirection(int d, int n, int nr, int nc) {
		// 범위를 벗어났거나
		if(nr >= n || nc >= n || nr < 0 || nc<0) {
			d = (d+1) % 4; 
		}
		// 이후 있을 자리가 이미 값이 있거나
		else if(map[nr][nc] != 0) {
			d = (d+1) %4;
		}
		
		return d;
	}
}

피드백 환영합니다.

뺑슨 개발 블로그

[프로그래머스] 코딩 기초 트레이닝 - "코드 처리하기" (Javascript)

[프로그래머스] 코딩 기초 트레이닝 - "등차수열의 특정한 항만 더하기" (Javascript)

[프로그래머스] 코딩 기초 트레이닝 - "공배수" (Javascript)

[CKEditor 4] Base64 인코딩 이미지 Editor 등록 이슈

1. 문제 인식

2. 문제 해결

3. 원인 분석

[공채 후기] 2022년 아프리카TV 웹 서비스 개발 공채 후기 (페이지/REST API직무, 1차면접, BTB 면접, 최종면접)

자기소개서 (서류 전형)

1차 면접

BTB 면접 (Be The Bj)

최종 면접

[공채 후기] 2021년 하반기 11번가 광고플랫폼 개발 공채 후기 (FE직무, 1차면접, 최종면접)

자기소개서 && 코딩 테스트 (서류 전형)

1차 면접 (직무 면접) + 사전과제

최종 면접 (임원 면접)

[공채 후기] 2021년 하반기 다우기술 신입 공채 후기 (Web Application 개발, 1차 면접)

자기소개서

기술력 진단

1차 면접 (실무 면접)

[회고] 2021년 러닝 135KM 후기.

[백준] 16918번 - "봄버맨" (Java)

난이도 : 실버 1

- static boom map [ ][ ];

- static int dr [ ] = {1, -1, 0, 0}; - static int dc [ ] = {0,0,1,-1};

- void main()

- void plant(int r, int c, int s)

- void explode(int r, int c, int s)

[백준] 1913번 - "달팽이" (Java)

난이도 : 실버 5

- static int [] dr = {1, 0, -1, 0};

- static int[] dc = {0, 1, 0, -1};

- static int map [][];

- void main()

- void makeMap(int n)

- int setDirection (int d, int n, int nr, int nc)

- static int dr [ ] = {1, -1, 0, 0};
- static int dc [ ] = {0,0,1,-1};