ALL

[알고리즘 JS] 쇠막대기 (Stack)

문제 여러 개의 쇠막대기를 레이저로 절단하려고 한다. 효율적인 작업을 위해서 쇠막대기를 아래에서 위로 겹쳐 놓고, 레이저를 위에서 수직으로 발사하여 쇠막대기들을 자른다. 쇠막대기와 레이저의 배치는 다음 조건을 만족한다. • 쇠막대기는 자신보다 긴 쇠막대기 위에만 놓일 수 있다. - 쇠막대기를 다른 쇠막대기 위에놓는 경우 완전히 포함되도록 놓되, 끝점은 겹치지 않도록 놓는다. • 각 쇠막대기를 자르는 레이저는 적어도 하나 존재한다. • 레이저는 어떤 쇠막대기의 양 끝점과도 겹치지 않는다. 이러한 레이저와 쇠막대기의 배치는 다음과 같이 괄호를 이용하여 왼쪽부터 순서대로 표현할 수 있다. 1. 레이저는 여는 괄호와 닫는 괄호의 인접한 쌍 ‘( ) ’ 으로 표현된다. 또한, 모든 ‘( ) ’는 반드시 레이저를 ..

[Day 66] 2022-0921: 트리/그래프 자료구조, 알고리즘, 스터디?

🐈오늘 공부한 것 ✔️트리 / 그래프 자료구조 일반적인 트리, 이진 트리 그리고 '이진 탐색 트리'에 대해서 접해볼 수 있었다. 이진 탐색 트리란 트리 + 이진 검색 알고리즘 같은 느낌인데, 루트 노드를 기준으로 새로 추가할 값이 작으면 왼쪽, 크면 오른쪽으로 배치하고, 이렇게 생긴 트리를 재귀적으로 노드에 추가하여 생성할 수 있다. 장점은 어떤 값을 찾을 때 대,소 비교만 하면 되기 때문에 루트 노드를 기준으로 큰지 작은지, 그 루트 노드의 왼쪽 혹은 오른쪽을 다시 루트로 해서 비교하며 찾아나갈 수 있다. 그래프 자료구조와 함께 그래프 탐색 알고리즘인 DFS, BFS 기법에 대해서 공부했다. BFS란 너비우선탐색 기법으로, 어떤 노드에 도달하기 까지 최단거리를 구하거나, 그래프의 규모가 상대적으로 작을..

[알고리즘 JS] 크레인 인형뽑기 게임 (프로그래머스 Lv.1)

문제 https://school.programmers.co.kr/learn/courses/30/lessons/64061 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 /* [풀이 해설] 1. N * N의 행렬이 존재할 때, moves로 받고있는 '크레인의 위치' 는 i번째 행의 인덱스가 된다. 2. 크레인의 위치에서 맨 위부터 시작해 인형이 존재할 때 까지 아래로 파고들기 때문에, ... 전체 board를 반복해서, board[i][move - 1] 로 접근해야한다. ... moves로 들어오는 각 값을 0번째부터 시작하는 배열의 인덱스로 접근하기 ..

[Day 65] 2022-0920: 스택/큐 자료구조 & Tailwind CSS

🐈오늘 공부한 것 ✔️스택/ 큐 자료구조 먼저 자료구조란 데이터를 효율적으로 정리해서 저장하는 방법을 의미한다. 이런 의미에서 알고리즘은 효율적으로 정리된 데이터를 효율적으로 접근하고 사용하는 방법이 아닐까 싶다. 스택과 큐 모두 자바스크립트에서는 배열을 이용하면 간단하게 구현할 수 있는데, 이를 클래스로 정의한 문법은 아래와 같다 (큐). // 클래스로 구현한 Queue class Queue { constructor(array) { this.array = array || []; } getBuffer() { return this.array.slice(); } isEmpty() { return this.array.length === 0; } peek() { return this.array[0]; } // ..

[Day 64] 2022-0919: 기술면접 준비/ Tailwind css를 접하고 느낀점

🐈오늘 공부한 것 ✔️기술면접 준비 https://galvanized-gecko-b10.notion.site/3-db767c2b8fd0486fbc256d3596abcb1e 부트캠프 프로그램 중 기술면접 준비 소그룹 세션이 있는 날이었다. 지난번 기술 면접 실습에서 많은 답변을 준비하지 못해서, 이번에는 주어진 모든 질문에 대해서는 답변을 준비하고 글로 작성한 답변을 다시 내 언어로 서술하면서 연습했다. 면접 질문 중에 문제를 해결했던 개인적인 경험이나 기술에 대한 실제 사례를 묻는 질문이 나올 수도 있는데, 평소 겪은 에러와 해결방법등은 발생 원인과 과정을 더 상세히 정리하는 습관이 필요하다고 느꼈다. ✔️Tailwind CSS group 선택자, peer 선택자 두 선택자 모두 group 혹은 peer..

[회고] 코드스테이츠 FE 섹션 3 회고

✨나의 목표 🔥 내년 상반기, 프론트엔드 개발자로 커리어 시작하기. 🔥 최종적으로 해외 Remote Job 을 얻어 디지털 노마드로 살기. ✨지난 TRY 점검 1. 규칙적인 생활하기 아침 스터디를 통해 오전 6시 35분(ㅋㅋ) 기상 12시 이전 취침을 유지하고 있다. 간혹 새벽 두시까지 무리하는 날도 있지만 대체적으로 잘 지켜진다. 규칙적으로 생활하면서 전보다는 주말에 번아웃이 찾아오는 횟수가 줄었다. 일정에 맞춰서 생활해야하기 때문에 일일 계획도 지킬 수 있는 만큼 세우고, 달성 횟수가 많아지다 보니 일정을 지키지 못해서 찾아오는 자괴감도 줄었다. 최근 1~2주는 다시 아침 저녁 명상을 시작했는데, 집중력 유지에 도움이 된다. 2. 개인 프로젝트 진행하기 https://hyejj19.github.io/..

[Day 63] 2022-0918: 알고리즘, Tailwind CSS

🐈오늘 공부한 것 ✔️알고리즘 스터디 담당 문제 풀이를 공유하는 스터디 모임을 시작했다. 풀이 코드에 대해서 내 나름대로 이해했지만 남들이 알아듣기 쉽게 설명하는 것은 어렵다. 다음 모임에서는 알고리즘 개념과 풀이 로직을 코드로 보기 전 예시를 들어서 쉽게 설명하고 넘어가는 것이 좋을 것 같다. https://friedegg556.tistory.com/235 [알고리즘] 모든 아나그램 찾기 문제 S문자열에서 T문자열과 아나그램이 되는 S의 부분 문자열의 개수를 구하는 프로그램을 작성하세요. 아나그램 판별시 대소문자가 구분됩니다. 부분 문자열은 연속된 문자열이어야 합니다. friedegg556.tistory.com 스택 자료구조를 사용한 2가지 기초 문제를 풀었다. 자바스크립트에서 스택은 배열과 push,..

[알고리즘] 모든 아나그램 찾기

문제 S문자열에서 T문자열과 아나그램이 되는 S의 부분 문자열의 개수를 구하는 프로그램을 작성하세요. 아나그램 판별시 대소문자가 구분됩니다. 부분 문자열은 연속된 문자열이어야 합니다. 입력 : 두 문자열 S 와 T, T 문자열의 길이는 S문자열보다 작거나 같습니다. 출력 : S 단어에 T문자열과 아나그램이 되는 부분 문자열의 개수를 출력합니다. 풀이 이 문제는 슬라이딩 윈도우 알고리즘과 맵 객체를 활용하여 풀 수 있는 문제이다. T 와 S의 0부터 T.length - 1 까지의 문자열에 대해서 각 문자를 키로, 포함하고 있는 갯수를 밸류로 하는 맵 객체를 만든다. 두 개의 포인터로 T의 길이만큼 범위를 잡아서 S 문자열을 이동하며 T와 S 문자열의 일부분을 비교한다. T 길이 만큼 범위를 잡는다는 것은,..

[WIL] 2022 - 09 W2

💛한 주간 공부한 것 ✔️부트캠프 Https 쿠키 / 세션 / 토큰 / oAuth 인증 구현 솔로 프로젝트 프로토타이핑 ✔️알고리즘 슬라이딩 윈도우 알고리즘 연습 ✔️개인공부 Next.js 학습 및 코드 챌린지 💛좋았던 점 무리하지 않고 하루에 1~2 개의 목표만 정해서 수행했다. 목요일까지 잘 수행하다가 금요일부터 조금씩 밀리긴 했으나 대체적으로 덜 부담스러워서 괜찮았다. 쿠키와 세션과 토큰의 차이점을 이해하고 간단하게나마 활용해 볼 수 있었다. 과제 중 백엔드 파트는 이미 작성되어 있는 코드가 많아서 100% 이해하지 못한 것 같지만 오늘 보완해서 스스로 실습해볼 생각이다. 이번 주 이슈 중 하나는 wsl2 환경에서 mksert로 로컬 https 프로토콜을 사용하는 것이었다. 그냥 윈도우에서 진행해도..

[Day 62] 2022-0916: 솔로 프로젝트 프로토타이핑, Next.js 등

🐈오늘 공부한 것 ✔️솔로 프로젝트 프로토 타이핑 섹션 3을 마무리 하면서 섹션 4 까지 한 달 기한동안 작업할 솔로 프로젝트 기획 및 프로토타이핑을 했다. Figma Created with Figma www.figma.com 내가 기획한 웹앱은 '감정 다이어리' 이다. 100% 내 아이디어라기 보다는 todo-mate 나 기타 여러 다이어리 앱에서 아이디어를 차용했다. 매일의 감정을 이모지로 표현하고, 간단한 일기를 작성해서 저장할 수 있는 앱이다. 진짜 다이어리같은 느낌을 주고 싶어서 일기 작성과 목록 화면을 탭으로 디자인했다. 좌측 화면에서는 한 달간 감정 이모지를 한 눈에 볼 수 있는 달력이 있다. 구현할 기능 일기 작성 기능 일기 목록/ 내용 조회 기능 일기 내용 수정 기능 일기 삭제 기능 기본..