🖥 dev-ruby

이번에 우테캠 5기 2차 과제테스트를 준비하기 위해 프로그래머스에 고양이 사진첩 애플리케이션 이라는 과제테스트를 풀어보았다. 지난번에 고양이 사진 검색하기를 했었는데 그때 바닐라JS가 처음이라 진짜 아무것도 모르고 이것저것 뒤지면서 구현했더니 머리에 남아있는게 없다.. 바닐라 JS자체가 너무 재미없어서 꾸역꾸역 해서 그런것도 있는 것 같다 ㅎ 뭐 쨋든 서론은 이만하고, 이번 포스팅에서는 과제테스트를 딱 열었을 때 아무것도 없는 생 파일에 어떻게 구조를 구성해나가면 될 지 알아볼 것이다. 먼저 처음엔 index.html이 있을 것이다. 자바스크립트를 구현하면서 해당 파일안에 요소가 계속 추가 될 것이다. html파일에서 할 일은 js파일을 연결해주면 된다. 고양이 사진첩 script태그는 안에 넣어도, 안..

어느 Element에나 data-로 시작하는 속성을 사용할 수 있다. 화면에는 렌더링 되지 않게 정보를 엘리먼트에 담아놓을 수 있다. 사용법 ... Javascript에서 접근하기 자바스크립트에서 dataset객체를 통해서 data속성을 가져올 수 있다. 이때 접두사인 data-가 제거되고, 모든 대문자는 소문자로 변환된다. 그리고 data-다음에 오는 속성명은 -(dash)를 제거하고 camelCase로 변환된다. 예를 들면, data-node-id -> nodeId 로 변환. 따라서, 아래처럼 사용할 수 있다. const { nodeId } = e.target.dataset; e.target.dataset.nodeId; e.target.dataset['nodeId']; in 연산자로 해당 속성이 존재..

프로그래머스 고양이 사진첩 과제를 구현하던 중 위와 같은 에러를 만났다. 먼저 html에 아래와 같이 스크립트를 연결해줬다. export, import를 사용 할 것이기 때문에 type="module"이 필요하다. index.js import App from "./App"; new App(document.querySelector(".App")); import해줄 것이기 때문에 다른 js파일들은 html에 연결해주지 않아도 된다. index.js에서 App을 import 후 querySelector로 앱을 전달해줬는데..! 아래와 같은 에러가 뜬 것이다. App이라는 파일을 찾을 수 없나보다. net::ERR_ABORTED 404 (Not Found) 난 스크립트 태그의 순서에 문제가 있나 했더니.. 파일..

문제 https://www.acmicpc.net/problem/5052 5052번: 전화번호 목록 첫째 줄에 테스트 케이스의 개수 t가 주어진다. (1 ≤ t ≤ 50) 각 테스트 케이스의 첫째 줄에는 전화번호의 수 n이 주어진다. (1 ≤ n ≤ 10000) 다음 n개의 줄에는 목록에 포함되어 있는 전화번호가 www.acmicpc.net 코드 function solve(phoneNumList) { phoneNumList.sort(); for (let i = 1; i < phoneNumList.length; i++) { const prevNum = phoneNumList[i - 1]; const currNum = phoneNumList[i]; if (currNum.startsWith(prevNum)) r..

문제 https://programmers.co.kr/learn/courses/30/lessons/92343 코딩테스트 연습 - 양과 늑대 [0,0,1,1,1,0,1,0,1,0,1,1] [[0,1],[1,2],[1,4],[0,8],[8,7],[9,10],[9,11],[4,3],[6,5],[4,6],[8,9]] 5 [0,1,0,1,1,0,1,0,0,1,0] [[0,1],[0,2],[1,3],[1,4],[2,5],[2,6],[3,7],[4,8],[6,9],[9,10]] 5 programmers.co.kr 풀이 function solution(info, edges) { const tree = Array.from({ length: info.length }, () => []); for (const [parent, ..

문제 https://programmers.co.kr/learn/courses/30/lessons/42892 코딩테스트 연습 - 길 찾기 게임 [[5,3],[11,5],[13,3],[3,5],[6,1],[1,3],[8,6],[7,2],[2,2]] [[7,4,6,9,1,8,5,2,3],[9,6,5,8,1,4,3,2,7]] programmers.co.kr 풀이 function solution(nodeinfo) { const sorted = nodeinfo .map((el, index) => [...el, index + 1]) .sort((a, b) => (a[1] === b[1] ? a[0] - b[0] : b[1] - a[1])); function order(sorted, preAnswer, postAnsw..