굴러가유...

안녕하세요, 오늘은 좀 색다른 주제로 이야기를 해보려고 합니다. 산업기능요원 소집해제까지 이제 어느덧 4개월 좀 더 남았습니다... 시간이 빨리 갔다면 빨리 간거고 천천히 갔다면 천천히 간 느낌인데.. 지금까지 뭘 했나 생각해보니 별로 이룬게 없는 것 같더라고요. 학교에서 python과 java를 위주로 배우다 보니 자바스크립트에 대해선 스스로 공부를 했고, 나아가 자바스크립트에 완벽하지 않으면서 react를 시작했던게 원흉이 된건지.. 너무 주먹구구식 코딩이 되어버린 것 같아 매우 안타까운 느낌을 갖고있습니다. 나아가.. 회사에 사수가 없는 관계로.. 저의 소스에 대해 로직적인 코드리뷰를 받지 못하다 보니 이게 제대로 짜고있는건지.. 내가 잘 하고 있는건지 좀 의심이 들기도 하고.. 사수 없는 곳에서 ..

안녕하세요, 오늘은 난이도 3의 '보석쇼핑'를 가져왔습니다!! 이 문제가.. 카카오 인턴문제라는데 이 귀한걸 가져왔습니다. 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 [본 문제는 정확성과 효율성 테스트 각각 점수가 있는 문제입니다.] 개발자 출신으로 세계 최고의 갑부가 된 어피치는 스트레스를 받을 때면 이를 풀기 위해 오프라인 매장에 쇼핑을 하러 가곤 합니다. 어피치는 쇼핑을 할 때면 매장 진열대의 특정 범위의 물건들을 모두 싹쓸이 구매하는 습관이 있습니다. 어느 날 스트레스를 풀기 위해 보석 매장에 쇼핑을 하러 간 어피치는 이전처럼 진열대의 특정 범위의 보석을 모두 구매하되 특별히 아래 목적을 달성하고 싶었습니다. 진열된 모든 종류의 보석을 적어도 1개 이상 포함하는 가장 짧은 구간을 ..

안녕하세요! 오늘은 자바스크립트를 사용해서 three.js의 기초를 살짝 맛보려고 합니다. three.js는 3D웹을 만드는 데 사용하는데요, 소스도 올려둘 테니 한번 다운받아 사용해 보시면 더 좋은 경험이 될 것입니다. 깃허브 소스보기 three.js 맛보기 three.js 의 기본 설정 (렌더, 씬, 카메라, 메쉬, 애니메이션, 리사이징) 에 대한 기본적인 소스를 공유하기 위해 만들어진 페이지입니다. html 의 canvas? 일종의 도화지라 생각하면 된다. 도화지의 크기는 window.innerWidth 와 window.innerHeight 의 크기로 설정을 한다. THREE.WebGLRenderer ? const renderer = new THREE.WebGLRenderer({ canvas, an..

안녕하세요! 이번엔 무한스크롤, 페이지 애니메이션을 줄때 주로 사용하는 intersectionObserver에 대해 설명해보려고 합니다! 애니메이션 효과를 주는 방법은 여러가지가 있죠! Scroll 이벤트도 있고, intersectionObserver도 있구.. 이번엔 intersectionobserver을 사용해보려고 합니다. 듣기론 ..? toss에서 intersectionobserver을 사용한다는것 같기도 하고..? 쨋던 intersectionobserver 가 뭐냐? Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document 의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법입니다. 공식 문세는 이렇게 정의하고 있습니..

안녕하세요, 오늘은 난이도 2의 '프린터'를 가져왔습니다!! 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 문제 설명 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄 작업을 수행합니다. 1. 인쇄 대기목록의 가장 앞에 있는 문서(J)를 대기목록에서 꺼냅니다. 2. 나머지 인쇄 대기목록에서 J보다 중요도가 높은 문서가 한 개라도 존재하면 J를 대기목록의 가장 마지막에 넣습니다. 3. 그렇지 않으면 J를 인쇄합니다. 예를 들어, 4개의 문서(A, B, C, D)가 순서대로 인쇄 대기목록에 있..

안녕하세요, 오늘은 난이도 2의 '게임 맵 최단거리'를 가져왔습니다!! 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 ROR 게임은 두 팀으로 나누어서 진행하며, 상대 팀 진영을 먼저 파괴하면 이기는 게임입니다. 따라서, 각 팀은 상대 팀 진영에 최대한 빨리 도착하는 것이 유리합니다. 지금부터 당신은 한 팀의 팀원이 되어 게임을 진행하려고 합니다. 다음은 5 x 5 크기의 맵에, 당신의 캐릭터가 (행: 1, 열: 1) 위치에 있고, 상대 팀 진영은 (행: 5, 열: 5) 위치에 있는 경우의 예시입니다. 위 그림에서 검은색 부분은 벽으로 막혀있어 갈 수 없는 길이며, 흰색 부분은 갈 수 있는 길입니다. 캐릭터가 움직일 때는 동, 서, 남, 북 방향으로 한 칸씩 이동하며, 게임 맵을 벗어난 길은..

안녕하세요, 오늘은 난이도 2의 '구명보트'를 가져왔습니다!! 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 수 있지만 1번째 사람과 3번째 사람의 무게의 합은 150kg이므로 구명보트의 무게 제한을 초과하여 같이 탈 수 없습니다. 구명보트를 최대한 적게 사용하여 모든 사람을 구출하려고 합니다. 사람들의 몸무게를 담은 배열 people과 구명보트의 무게 제한 limit가 매개변수로 주어질 때, 모..

안녕하세요, 오늘은 난이도 2의 '영어 끝말잇기'를 가져왔습니다!! 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 1부터 n까지 번호가 붙어있는 n명의 사람이 영어 끝말잇기를 하고 있습니다. 영어 끝말잇기는 다음과 같은 규칙으로 진행됩니다. 1번부터 번호 순서대로 한 사람씩 차례대로 단어를 말합니다. 마지막 사람이 단어를 말한 다음에는 다시 1번부터 시작합니다. 앞사람이 말한 단어의 마지막 문자로 시작하는 단어를 말해야 합니다. 이전에 등장했던 단어는 사용할 수 없습니다. 한 글자인 단어는 인정되지 않습니다. 다음은 3명이 끝말잇기를 하는 상황을 나타냅니다. tank → kick → know → wheel → land → dream → mother → robot → tank 위 끝말잇기는 다..

안녕하세요, 오늘은 난이도 3의 단어변환을 가져왔습니다!! 좀 예전에 푼건데.. 공유하려고 가져왔습니당 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 두 개의 단어 begin, target과 단어의 집합 words가 있습니다. 아래와 같은 규칙을 이용하여 begin에서 target으로 변환하는 가장 짧은 변환 과정을 찾으려고 합니다. 1. 한 번에 한 개의 알파벳만 바꿀 수 있습니다. 2. words에 있는 단어로만 변환할 수 있습니다. 예를 들어 begin이 "hit", target가 "cog", words가 ["hot","dot","dog","lot","log","cog"]라면 "hit" -> "hot" -> "dot" -> "dog" -> "cog"와 같이 4단계를 거쳐 변환할 수 있습..

안녕하세요, 오늘은 난이도 3의 여행경로를 가져왔습니다. 요즘 많이 부족하다고 생각하는 BFS, DFS 관련된 문제들을 풀려고 하는데.. 생각보다 많이 어렵네요.. 계속계속 반복해서 익숙해질때까지 열심히 해야죠.. 쨋던, 풀었던 저의 주관적인 풀이를 공유하고자 합니다! 문제 설명 주어진 항공권을 모두 이용하여 여행경로를 짜려고 합니다. 항상 "ICN" 공항에서 출발합니다. 항공권 정보가 담긴 2차원 배열 tickets가 매개변수로 주어질 때, 방문하는 공항 경로를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 모든 공항은 알파벳 대문자 3글자로 이루어집니다. 주어진 공항 수는 3개 이상 10,000개 이하입니다. tickets의 각 행 [a, b]는 a 공항에서 b 공항으..