분류 전체보기

12번 문제에 접속해보면 다음과 같은 화면을 볼 수 있다. 페이지에 적힌 문구만해도 자바스크립트를 활용하여 해결할 수 있음을 알 수 있다. 문제 페이지의 소스코드를 확인해보았더니 아래 이미지와 같이 엄청나게 많은 이모티콘을 볼 수 있었고, 진짜 너무 많아서 당황스러웠다... 어떻게 해결해야할지 감이 안와서 구글링을 해보니 aaencode 암호화 방식을 활용했다고 한다 aaencode 암호화 자바스크립트를 이모티콘으로 바꿔주는 암호화 방식이며, 난독화 기법 중 하나이다. 암호화 사이트) https://cat-in-136.github.io/2010/12/aadecode-decode-encoded-as-aaencode.html 아래와 같이 aaencode 암호화 사이트에서 문제 페이지의 소스코드에 있는 이모티..

Webpack 이란? : 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler) 모듈 번들러 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javscript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미 웹팩에서의 모듈 자바스크립트 모듈에만 국한되지 않고 웹 애플리케이션을 구성하는 모든 자원을 의미한다. 웹 애플리케이션을 제작하려면 HTML, CSS, Javascript, Images, Font 등 많은 파일들이 필요하다. 이 파일 하나하나가 모두 모듈이다. 모듈 번들링 아래 그림과 같이 웹 애플리케이션을 구성하는 몇십, 몇백개의 자원들을 하나의 파일로 병합 및 압축 해주는 동작 ▶ 빌드, 번들링, 변환이 ..

문제를 들어가보니 아래와 같이 되어있었고, 문제 제목을 통해 '자바스크립트'라고 적혀 있어서 자바스크립트 문제임을 추측할 수 있었다. 문제 사이트를 접속해보니 아래와 같은 페이지를 확인할 수 있었다. 메인 화면에 있는 Duck 을 클릭해보니 아래와 같이 오리 사진과 함께 문구가 뜨는 것을 볼 수 있었다. 그냥 'Duck' 이 아닌 'Mandarin duck'을 클릭하니 원앙새의 모습을 볼 수 있었다. 홈페이지에서는 따로 확인할 수 있는 것이 없어 개발자 도구에서 코드를 확인해보았다. 소스 부분에 다른건 다른 페이지에 있는 내용들과 비슷하지만 'webpack'으로 되어 있는 새로운 것을 발견했다. 여기 있는 'webpack' 이 문제에서도 나와 있는 부분이라 중요한 것 같아서 살펴보았다. WebPack 과..

우선 문제를 들어가니 아래와 같이 되어 있었따. 좀 쉽다고 되어있는데 진짜 쉽기를 바라며...^^ 문제 페이지에 접속하니 다음과 같은 화면을 볼 수 있었다. 화면에 있는 로그인 버튼을 누르니 아래와 같이 'username'을 입력하라는 창을 볼 수 있었다. username 이후에는 password를 입력하는 칸도 있다. 과제 작성을 위해 위 화면을 캡쳐하고 돌아오니 아래와 같은 알림창으로 변경되어 뜨는 것을 볼 수 있었다. 소스 코드를 확인해보니, 별 특별한 부분이 없었고, 개발자 도구에 있는 코드에서도 크게 중요한 자료가 없어 보여 우선 문제에서도 자바 스크립트를 언급하고 있으니 'login.js'를 클릭하여 접속해보았다. 'login.js' 을 보니 TheLists에 'GOD'가 'Username'으..

이 문제에 접속하니 아래와 같이 이메일을 입력하는 칸과 'send' 버튼이 있었다. 우선 이메일을 입력하라길래 이메일에 뭐라도 보내주는 줄 알고 이메일을 입력하고 send 버튼을 눌렀다. 하지만 이메일에 오는 것은 아무것도 없었고 'Email saved' 문구와 함께 'Saved email adresses' 로 클릭할 수 있는 버튼이 있어 눌러보았더니 'You need to be admin' 이라는 문구를 볼 수 있었다. 우선 해당 부분을 보고 지금은 admin이 아님을 알 수 있었고 문제 해결을 위해 소스코드를 확인해보았다. 소스코드를 통해 쿠키값이 admin이 아닌 visiteur가 되어 있었다. 쿠키 정보에도 다음과 같이 되어있는 것을 확인할 수 있었다. 따라서 쿠키값이 'visiteur'로 되어 ..

문제 설명 행복 유치원 원장인 태양이는 어느 날 N명의 원생들을 키 순서대로 일렬로 줄 세우고, 총 K개의 조로 나누려고 한다. 각 조에는 원생이 적어도 한 명 있어야 하며, 같은 조에 속한 원생들은 서로 인접해 있어야 한다. 조별로 인원수가 같을 필요는 없다. 이렇게 나뉘어진 조들은 각자 단체 티셔츠를 맞추려고 한다. 조마다 티셔츠를 맞추는 비용은 조에서 가장 키가 큰 원생과 가장 키가 작은 원생의 키 차이만큼 든다. 최대한 비용을 아끼고 싶어 하는 태양이는 K개의 조에 대해 티셔츠 만드는 비용의 합을 최소로 하고 싶어한다. 태양이를 도와 최소의 비용을 구하자. 입력 입력의 첫 줄에는 유치원에 있는 원생의 수를 나타내는 자연수 N(1 ≤ N ≤ 300,000)과 나누려고 하는 조의 개수를 나타내는 자연..