본문 바로가기
[백준 10703번 유성/ JS] ✏️ 문제 링크https://www.acmicpc.net/problem/10703✏️ 문제 풀이 중력에 관련된 문제이다. 사실 어떻게 풀어야하나 고민이 됐는데, 일단 풀어보자는 마인드로 풀었다. 뭔가 알고리즘을 사용할 수 는 없을 것 같았고 구현을 빡세게 해야한다는 생각을 했다. 그래서 car의 위치 정보를 저장해두고 맨 아래 줄부터 한줄 씩 확인하면서 car가 들어갈 수 있는지 확인하는 로직을 구현했다. i는 row를 뜻하고 car에 저장된 j들은 column 위치를 뜻한다.  만약 n = 5라고 하면 i = 4부터 시작하는거다. (index = 0 부터 시작하기 때문에)1. i= 4일 때 car에 들은 input들의 정보를 확인한다. 첫번째 입력 값을 기준으로 하면 car에는 [[1,2,3,4], [.. 2024. 11. 14.
[Softeer] 수퍼바이러스 (level3, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6292 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai ✏️ 문제 풀이Math.pow는 큰 숫자는 커버하지 못하기 때문에 지수 재귀 계산법으로 접근해야한다고 한다. 아래 이미지에서 보면 지수가 짝수인 경우, 홀수인 경우가 나뉘게 되고 지수가 1인 경우는 num을 return 해주면 된다. 이 로직대로 구현해주면 아래 코드와 같다.  ✏️ 문제 코드const readline = require('readline');const rl = readline.createInterface({input:process.stdin, output: process.stdout});let input = [];const DIV = 1000000.. 2024. 11. 13.
[Javascript] 자바스크립트 문자 정렬에 대한 모든 것 (sort, localeCompare ⭐️ ) 뭔가 문자열 정렬을 코딩 테스트 때 말고 사용하는 경우가 많이 없어서 익숙하지 않은 것 같아 한번 정리하려고 한다.  사실 자바스크립트에서 숫자 오름차순 정렬을 하게 되면 그냥 아래와 같이 간단하기 빼기 연산으로 해주면 된다. [1, 2, 5, -1].sort((a, b)=> a - b); 하지만 문자열은 이렇게 해서는 원하는 정렬을 기대하기가 어렵다.  "잘못된 코드"["apple", "Orange", "banana", "grape"].sort((a, b)=>a - b)// result ['apple', 'Orange', 'banana', 'grape'] 이렇게 하면 문자열 간 빼기 연산 진행을 못해 기존 문자열 그대로 반환이 된다.  그다음 해볼 수 있는 방법은 문자의 대소를 비교해서 1, -1, 0.. 2024. 11. 13.
[Softeer] HSAT 7회 정기 코딩 인증평가 기출 - 순서대로 방문(level3, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6246 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai  ✏️ 문제 풀이백트래킹을 잘 익혀놓으면 쉬운 문제라고 생각한다. (백트래킹은 백준의 N과 M을 풀어보면 쉽게 익힐 수 있다. 꼭! ⭐️) 코드가 좀 길긴하지만! 사실 뜯어보면 별거 없다.. 데이터 저장하는 코드 반,,,ㅠ 백트래킹 부분 반이다. 내가 풀이한 코드의 방식은 백트래킹으로 갈 수 있는 모든 경로를 탐색하고 그 안에서 우리가 원하는 순서를 지키는 path가 있을 때 answer를 ++ 하는 방식이다.  1. 순서대로 방문을 해야한다고 했으니 순서대로 방문해야하는 위치의 index를 key, value로 저장해둔다. 2. 현재 path의 시작과 끝이 st.. 2024. 11. 13.
[Softeer] 21년 재직자 대회 예선 - 전광판(level2, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6268/history?questionType=ALGORITHM Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai ✏️ 문제 풀이간단한 string 비교 문제로, 0부터 9까지 라이트가 켜진 위치 정보를 저장한다. 이렇게 인덱스를 정하고 이제 숫자별로 라이트가 켜진 부분을 저장하면 된다. 그렇게 하면 아래와 같은 스트링이 나온다. '-'는 아예 켜지지 않은 전광판을 의미한다. { '-':'0000000', 0:'1110111', 1:'0010010', 2:'1011101', 3:'1011011', 4:'0111010', 5:'1101011', 6:'1101111', 7:'1110010', 8:'1111111', 9:'.. 2024. 11. 12.
[Vanilla JS] section 이름 labeling using IntersectionObserver 최근 포트폴리오 웹 사이트를 제작하고 있습니다..ㅎㅅㅎ 사실 지금까지는 항상 프론트엔드 프레임워크를 사용해서만 개발해왔습니다. 하지만 정작 웹 개발의 기본인 "HTML, CSS, JS"와 같이 기본적인 부분들을 놓치고 있는건 아닌가 하는 생각이 들었고 그렇게 웹 포트폴리오 사이트를 개발하게 됐습니다. 오늘 포스팅할 내용은 IntersectionObserver를 이용해서 특정 section에 들어갔을 때 해당 Section에 어울리는 이름으로 Label을 동적으로 지정해주는 그런 기능을 만드는 내용입니다! 그럼 가장 먼저 IntersectionObserver가 뭔지부터 얘기를 해봐야겠죠?! 🦄 IntersectionObserver란? https://developer.mozilla.org/ko/docs/We.. 2022. 3. 30.
Visual Studio Code: CSS 파일에서 HTML Class 자동 완성 플러그인 vscode에서 CSS 파일에 속성들을 넣어줄 때 HTML에서 지정해준 class가 자동으로 안불러와져... 굉장히 비효율적인 경우들이 있다. 사실 자동완성이 안되면 그냥...비효율적이다 ㅠㅜ 내 손구락 그래서 html에 있는 class를 자동으로 불러와주는 플러그인이 있는데 바로! ㄷ구둑두구둑두국구 짜쟌! HTML to CSS autocompletion 헷.. 200번..다운받으세요 진자 너무 좋아융 나의 삶이 더 편리해졌따.. 뿌듯하다. 2022. 1. 20.
Visual Studio Code 에서 HTML 빠르게 작성하기! 💡 해당 post에서는 vscode에서 html 코드를 빠르게 작성하는 방법에 대해서 배워볼 것이다! 기본 HTML 템플릿 ! + enter key ⬇️ Class 지정 .box ⬇️ .box.box1 ⬇️ h2.box.box1 ⬇️ 자식 element 포함해서 만들기 .box>.inner ⬇️ 복수개 만들기 div.box*5 ⬇️ 자동번호 매김 .box$*5 ⬇️ .box>.inner.inner$*5 ⬇️ .box.box$*5>.inner.$ ⬇️ HTML 하나하나 다 작성하기 정말 힘든데.. VSCODE 최고!!! 2022. 1. 19.
스시소라 정자점: 오마카세 🍣 헤... 회사 복지포인트를 써야하는데 복포로 남자친구 해준게 암껏두 없어서 스시집에 데려갔다...💝 예전에 회사 사람들하고 같이 오마카세를 먹었던 곳이 "스시소라 정자점"인데 가격에 퀄리티도 아주 좋아서 다시 한번 가보기로 했다. 스시 오마카세 런치 가격: 50,000원 주차: 2시간 무료 셰프: 서진욱 셰프님 런치 가격은 50,000원이고 셰프님은 서진욱 셰프님이셨다. 허허 딱히 셰프님을 정하고 간건 아니었는데 예전이랑 똑같이 결정돼서 룰루~ 더 편했... 쨋든!~ 룰루랄라 11시반 타임에 가서 주차하고 올라갔다. 주차는 2시간 무료! 🚘 처음에 주시는 계란위,,,명란...! 탱글탱글 한 것이 한 두 스푼 먹다보면 고새 없어져있따.. 후ㅜㅎ.. 이제 시작인가 진짜 양파 절임에 주신... 어떠한 생선인데.. 2021. 12. 20.
반응형