# js
📘[독서] 자바스크립트 자료 구조와 알고리즘
프로그래머스 문제풀이를 하며, 자료구조와 알고리즘이 많이 약한 것 같아 JS 기술도서를 찾던 중 찾게되어 구입했다!도서 소개자료 구조와 알고리즘은 프로그래밍의 기본 중의 기본이지만, 처음 공부하는 사람에게는 결코 배우기가 만만치 않고 따분할 수 있는 과목이다. 이 책
🎢[프로그래머스] 땅따먹기
문제 설명땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다. 1행부터 땅을 밟으며 한 행씩 내려올 때, 각 행의 4칸 중 한 칸만 밟으면서 내려와야 합니다. 단, 땅따먹기 게임에는 한 행씩
[JavaScript] 객체
객체기반 언어 객체지향 프로그래밍에 대해 이러한 제한이 있는 경우 상속 x 다형성 지원 x 제한되고 축소된 일부 값의 경우에만 객체 사용 프로토타입 기반의 시스템 라는 얘기를 했다는건? 자바스크립트가 프로토타입 기반의 프로그래밍 언어로, 객체기반 언어라는 거
2-4 타입 선언 및 인터페이스
여태 타입 알리아스 형태를 알아봤는데, 인터페이스로 들어갈것이다.그런데 둘이 그렇게 동작상의 큰 차이는 없다.다만 핵심은 일관성이다.하나의 프로그램을 개발하는 코드를 짤때, 반드시 둘 중에 하나만 써서 일관됀 코드를 만들라는 것이다.여태껏 type을 사용한 타입 알리아
[ JS ] JS의 TDZ란 무엇일까?
TDZ ( Temporal Dead Zone )는 해석하면 "일시적 사각지대" 이다.위 아래 코드를 보면서 어떤 부분에서 에러가 일어나는지 살펴보자!첫 번째 코드 \[ 인스턴스 생성 후 클래스 선언 ]두 번째 코드 \[ 함수 호출 후 함수 선언]위 두개의 코드를 실행해
[ JS ] 일반 함수와 익명 함수의 차이에 대해 알아보자!
JavaScript에서의 함수 선언 방식은 일반함수와 익명함수로 나뉜다.일반 함수는 다른 언어에서 함수를 선언하는 방식과 동일하다.일반 함수 또는 함수 선언식이라고 불린다.위 처럼 Python의 함수선언 방식과 JavaScript에서의 함수 선언 방식이 거의 동일한 것
[js] HTML5 inputmode 속성 + 모바일 키보드 엔터 치면 닫는 방법
출처 :: https://webruden.tistory.com/870
[JS] value, textContent, innerHTML, innerText 는 어떻게 다를까?
input처럼 form 요소의 값을 가져오거나 변경하려면 value를 사용하고,form요소가 아닌 다른 div, span, h1 등의 다른 요소의 Text를 가져오거나 변경하려면 textContent, innerHTML, innerText를 사용한다.✔textConte
🎠[프로그래머스] 메뉴 리뉴얼
문제설명레스토랑을 운영하던 스카피는 코로나19로 인한 불경기를 극복하고자 메뉴를 새로 구성하려고 고민하고 있습니다.기존에는 단품으로만 제공하던 메뉴를 조합해서 코스요리 형태로 재구성해서 새로운 메뉴를 제공하기로 결정했습니다. 어떤 단품메뉴들을 조합해서 코스요리 메뉴로
2-3. 타입스크립트 확장
type 통일 및 정리내가 듣고 정리하는 강의는 이것보다 더 속성이 많긴한데, 블로그에 원할하게 쓰기 위해서 이렇게 정리해봤다.보면 id부터 comments까지는 동일한데, NewsFeed는 거기서 read값을 가지고 있고, NewsDetail은 거기서 level을 가
JSON 마지막 정리
프론트 엔드를 하면서 JSON을 사용하는 경우가 무수히 많은데 헷갈릴 때마다 찾아보는 것보다 오늘 내 블로그에 정리하면서 완벽히 내 것으로 만들기 위해서 이렇게 정리해본다.JSON(JavaScript Object Notation)은 데이터를 주고 받을 수 있는 데이터
SpartaCodingClub 1주차 개발일지
평소 생각이 많아 이런저런 생각을 하다가 '이런 앱이 있으면 어떨까?'라는 생각을 문득하게 되었고 어떻게 하면 만들 수 있을지 유튜브를 통해 알아보았습니다. 영화에서 해커들이 노트북으로 막 이상한 코드를 작성하는 것처럼 몇 문장을 쓰는데 그 몇 문장만으로도 저런 것을
JS requestAnimationFrame을 이용한 실시간 시계 만들기
말이 많아 서론이 길 수도 있습니다. 내용만 보실 분은 바로 굵은 텍스트로페이지에 실시간으로 시간 정보를 노출시켜줘야 할 일이 생겼습니다.아무 생각 없이 new Date로 날짜 정보를 받아와서 가공 후 setInterval으로 1초 마다 실행 후 페이지를 떠날때 cle
[프리온보딩] 과제 #1 회고
깃헙 레포 링크과제 배포 링크1) 제공되는 API를 통해 실시간 환율정보를 가져와서 송금액에 해당하는 금액에 송금 국가에 해당하는 환율을 곱한 전체 금액을 구하는 계산기를 구현하는 과제.2) API를 통해선 USD를 기준으로 제공되는 환율정보만 받아볼 수 있는데 이때
Nivo 라이브러리 resizeObserver 오류해결
Nivo를 이용해서 플레이어와 같은 팀의 딜량을 출력하는 것을 만들고있다.Nivo 라이브러리를 사용하기 시작하면서 Refresh하게되면 resizeObserver is not defined 오류가 계속 나왔는데오늘 해결하려한다.우선 왜 아래와 같은 오류가 나오는지 알아
JS try/catch문에서 404에러 핸들링
api를 연동해서 데이터는 받아오는 함수가 있는데 요청시간 초과, 호출횟수 초과, 응답실패 등등 최대한 보수적인 코드를 짜야했지만, 나는 보수적이지 못했다.처음엔 아예 에러처리를 안해놨다가, 그 후 에러처리를 해놓긴 했는데 테스트 도중 fetch에 api주소 자체를 날