4주동안 진행했던 구름 톤이 벌써 끝났다.하루에 1문제씩은 꼭 알고리즘 문제를 풀면서 습관을 만들고 싶었는데 의지박약으로 완주하는게 싶지 않았는데블록을 다 얻겠다는 생각으로 최대한 당일에 풀어보려고 노력하고 안되면 다음날 프로그래머스나 백준 문제를 푸는 것으로 대체하면

스터디 모임에서 면접 질문 스터디를 하는데 질문 중에 라이브러리와 프레임워크의 차이에 대한 질문이 나왔다.프레임워크는 웹 개발자에게 재사용한 코드 모듈, 표준화된 프론트엔드 기술, 모든 기능이나 개체를 처음부터 코딩할 필요없이 응용 프로그램 및 사용자 인터페이스의 개발

2, 3주차에 풀만한 문제 어려운 문제 섞어서 나오더니 4주차에 또 어려운 문제가 나왔다. 그래프 탐색 문제로 풀지 못해서 제공되는 풀이를 보니 BFS를 이용하여 풀 수 있는 문제였다. 아직 알고리즘 스터디에서 BFS를 하지 않아서 이해하지 어려웠지만 풀이가 차근차근 쓰여있어서 알고리즘 스터디 예습한다는 생각으로 풀었다. 문제 바다 위에 N개의 섬이 있다...

문제 구름 심시티를 하고 있는 플레이어는 한 변의 길이가 N인 정사각형 모양의 마을 M을 만들고 있다.r번째 행, c번째 열에 해당하는 칸에는 숫자 M[r,c]가 적혀 있다. M[r,c]는 0 또는 1 중 하나이며, 각 숫자가 의미하는 바는 아래와 같다. 0아면 아무것도 없는 칸이다. 1이면 집이 있는 칸이다. 마을에 있는 집에 전력을 공급하기 위해선 그...

고객 사진 관리 서비스 📷 고객의 사진을 관리할 수 있는 사진 관리자 서비스 만들기 과제 요구사항 [필수 요구사항] “AWS S3 / Firebase 같은 서비스”를 이용하여 사진을 관리할 수 있는 페이지를 구현하세요. 프로필 페이지를 개발하세요. 스크롤이 가

문제 플레이어는 GameJam에 참가했다. GameJam은 현장에서 즉석으로 팀을 꾸려 게임의 규칙을 만든 뒤, 생각한 규칙을 코드로 옮겨서 게임을 만들어내는 대회이다. 플레이어가 속한 팀은 보드로 즐길 수 있는 간단한 보드게임을 만들었다. 게임의 진행 방법과 규칙은 다음과 같다. 게임은 한 변의 길이가 N인 격자 보드 위에서 진행한다. 보드는 한 변의...

1주차 5문제는 수월하게 풀었는데 2주차 첫 문제부터 막혔다. 갑자기 어려워졌다.그래서 당일에 해결하지 못하고 다음날 해설이 나와서야 해결할 수 있었다.길이가 N인 문자열 S가 주어진다. 플레이어는 문자열 S를 서로 겹치지 않는 3개의 부분 문자열로 나누려고 한다. 부

다른 문제는 수월하게 풀었는데 4일차 '완벽한 햄버거 만들기' 문제는 좀 복잡하게 풀었다고 생각되어문제 풀이와 비교하게 되었다.구름 햄버거는 다양한 재료를 사용하여 만들어서 맛있기로 유명하다. 구름 햄버거는 N 개의 재료를 순서대로 쌓아서 만들고, 구름 햄버거의 맛은

참여하고 있는 알고리즘 스터디에서 팀원이 구름톤 챌린지를 알려줘서 참여하게 되었다.참여 기간: 08.14(월) - 09.10(일) (4주)구름톤 챌린지는 하루에 하나씩 알고리즘 문제가 출제되면 풀어서 제출하면 되는 챌린지이다.주말은 제외하고 월, 화, 수, 목, 금 평

수강하고 있는 강의에서 백준 문제 중 18870번 좌표 압축 문제다뤄서 풀었는데 배열로 풀어서 메모리 초과가 났다. 결국 못 풀어서 강의를 봤는데 강의에서 Map으로 문제를 해결했는데 Object랑 비슷하게 쓰이는데 강의에서 처음 알게 되어서 차이를 공부하게 되었다.M

과제 소개 지금 수강하고 있는 패스트캠퍼스 X 야놀자: 프론트엔드 개발 부트캠프에서 첫 과제로 HTML과 CSS만을 이용한 클론 코딩을 하게되었다. 원하는 사이트(페이지)를 자유롭게 선택하고 레이아웃만 클론 코딩하면 되는 과제이다. 내가 주로 사용하는 사이트나 서비스

알고리즘 스터디를 진행하는 중에 다음주 PR에 올려야할 commit을 push해버려서 이번주 PR에 올라가는 일이 발생했다. 위 커밋만 이번주 PR에 올라가야하는데 이 두번째 사진에 있는 커밋도 올라가버렸다....뜨헉😭 그냥 기록용으로 올리는 레포지토리라면 상황

가계도와 같이 계층적인 구조를 표현할 때 사용할 수 있는 자료구조노드: 트리를 구성하는 기본 원소루트 노드(root node): 부모가 없는 최상위 노드, 하나의 트리에는 하나의 루트가 존재 위 사진에서 A 노드단말 노드(leaf node): 자식이 없는 노드

유추라는 유튜브 채널 추천 프로젝트를 할 때 처음 기획이었던 각 유튜브 채널의 페이지가 있고 그 페이지에서 사람들이 남긴 리뷰도 조회하고 자신의 리뷰, 평가도 남길 수 있는 서비스를 개발하다가처음부터 많은 기능을 배포하기 보다는 프로토타입으로 간단하게 만들어서 별점 데

instanceof라는 키워드로 각각의 클래스와 비교하게되면 해당하는 인스턴스의 정확한 클래스(C)와도 true가 출력되지만 그 클래스가 상속받고 있는 부모 클래스(A, B)들도 true가 출력된다.따라서, 한 인스턴스가 어느 클래스로 만들어진건지 확인하려면 const

어떤 클래스를 상속받은 인스턴스인지 확인할 수 있다.

Array의 메소드 중에서 isArray는 다른 메소드들과 다르게 위 사진처럼 앞에 prototypes가 붙어 있지 않다. prototypes이 붙어 있는 메소드와 prototypes이 없는 메소드의 차이점은 무엇인지 알아보자.prototypes 메소드: prototy

Getter: 값을 얻는 용도의 메소드Setter: 값을 지정하는 용도의 메소드fullName이라는 setter 함수를 통해 값을 받아 console.log하여 ‘Neo Anderson’이 출력되었지만 아직 jigu라는 객체의 firstName, lastName은 Ne

위 코드처럼 prototypes 방식으로 작성한 코드를 ES6에서 새로 나온 Class방식으로 바꿔서 작성할 수 있다.첫번째 코드와 동일하게 동작한다. new라는 키워드로 함수처럼 호출해서 나온 인스턴스를 활용할 수 있다.

자바스크립트는 클래스기반 언어는 아니고 프로토타입 기반 언어이다하지만 그러한 개념과 상관없이 자바스크립트에서 클래스 방식을 사용할 수 있다.mdn 사이트에 Array에 대한 설명을 보면 위와 같이 메소드들 앞에 prototype이 있는 것을 볼 수 있다.Array 객체