본문 바로가기

전체 글

(110)
Chrome Extension - Html Tag wrapper Preview 티스토리 블로그를 제 입맛에 맞게 꾸미기 위해 Html 편집을 통해 css를 좀 건드렸습니다. 그래서 요런 다크 한 테마의 배경 색과 레이아웃이 나올 수 있었죠. 제 글을 몇 개 읽어보면 프로그래밍 단어 / 중요 단어와 같은 단어에 아래와 같은 디자인이 적용된 걸 볼 수 있습니다. 이런 효과를 적용하기 위해서 태그로 단어를 감싸줘야 합니다. 참 번거롭죠? ㅎ 그래서 만들었습니다. 안 그래도 예전부터 크롬 익스텐션을 한번 개발해보고 싶었는데 마침 잘됐다 싶었습니다. Skills Javascript / html / css 코드는 정말 정말 간단합니다 html 소스코드를 붙여 넣고 감싸고 싶은 키워드를 배열의 형태로 넣은 다음 감싸고 싶은 태그를 입력하면 그러니까 저 같은 경우에는 html 소스..
[Programmers] 혼자서 하는 틱택토 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/160585# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 머쓱이가 잘못 게임을 진행했을 경우는 다음과 같습니다. 1) "O"를 "X"로, "X"를 "O"로 착각한다. 2) 게임이 종료되었는데도 계속 진행한다. 1번의 경우는 "X"와 "O"의 개수를 검사해 주면 됩니다. 선공의 경우 "O"부터 놓기 때문에 "O"이 "X"와 같거나 더 많아야 하지만 2개 이상 많으면 안 됩니다. 또한 "X"는 후공이기 때문에 "O"보다 더 많..
[Programmers] 광물캐기 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/172927# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 선택할 수 있는 곡괭이는 총 다이아, 철, 돌 세 가지입니다. 곡괭이들을 사용해 광물을 캘 때 최소 피로도를 구하는 문제입니다. 즉, 여러 경우의 수 중에 결과가 최소가 되는 답을 구하는 문제이기 때문에 DFS를 사용할 수 있습니다. 우선 피로도는 파라미터로 주어지지 않기 때문에 직접 준비해야 합니다. const piroMap = { diamond: { diamond..
[Programmers] 과제 진행하기 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/176962# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 우선 시간문제에선 저는 시간을 분 단위로 변환하고 시작합니다. 시간 개념으로 해석하려면 60분 다음엔 시간을 올려줘야 해서 번거롭기 때문에 아예 분 단위로 고려하는 것이 편합니다. "15:30" 이 주어진다 면 930이 반환됩니다. function timeToMinute(time) { return Number(time.split(":")[0] * 60) + Numbe..
[Programmers] 이모티콘 할인행사 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/150368 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 카카오에서 내는 코딩테스트 문제는 문제가 길어 이해하는데도 오래 걸립니다. 이모티콘 할인율은 10%, 20%, 30%, 40% 중 하나입니다. 만약 이모티콘이 2개라면 나올 수 있는 할인율을 배열로 나타낸다면 [10%, 10%], [10%, 20%], [10%, 30%], [10%, 40%], [20%, 10%], [20%, 20%]... 이렇게 총 16가지가 됩니다...
[Programmers] 마법의 엘리베이터 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/148653 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 엘리베이터는 10의 제곱승만큼 이동할 수 있습니다. 최소한의 마법의 돌을 사용하기 위해선 10의 제곱승 단위의 층에 빠르게 도달해야 합니다. 16층을 예시로 든다면 우선 처음에는 10(-6) 층으로 갈지 혹은 20(+4) 층으로 갈지 선택해야 하고 10층에선 1개, 20층에선 2개를 사용하기 때문에 더 적은 돌을 사용하는 16 -> 20(+4) -> 0(-20)가 답이..
아파트 매물 알리미 - NestJs / ReactJs Preview 이번 포스팅에서는 혼자 심심풀이로 만들어본 서비스를 한번 소개해볼까 합니다. 곧 있음 이사를 앞두고 있어서 부동산 매물을 찾아보던 중 내가 원하는 매물이 있으면 알림(SMS / 카카오톡 등)을 보내주는 서비스가 있으면 좋을 것 같아 개발해 보았습니다. 네이버 부동산이나, 호갱노노에는 관심지역에 청약 알림을 설정해 두거나 관심 아파트를 설정해 놓으면 청약 혹은 매물이 생기면 알림을 보내주는 서비스는 있었으나 한 지역 전체를 탐색하는 서비스는 없는 것 같더라고요. 물론 있다고 하더라도 그냥 연습 삼아 만들어보기 좋은 프로젝트 같았습니다. Skills Backend : NestJs (Typescript) FrontEnd : React with Mui (Typescript) Database : f..
[Programmers] 미로탈출 - Javascript INDEX https://school.programmers.co.kr/learn/courses/30/lessons/159993?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Solution 그래프 문제는 DFS 혹은 BFS로 대부분 풀 수 있습니다. 이 문제는 BFS로 풀었습니다. 위 문제를 정말 쉽게 해석하면 벽('X') 인 곳을 피해 레버('L')가 있는 곳에 도착하고 다시 도착지('E')까지 도착하는 가장 짧은 경로를 구하는 문제입니다. 즉, 출발지부터 레버가 있는 곳 까지의 경로를 구하고 레버에서부터 도착지까지의..

반응형