빠르고 꾸준하게

Language/Javascript

[javascript 자바스크립트] this,window 란?

자바스크립트를 쓰면서 this는 그냥 쓰라니까 쓰고 넘어갔는데 최근 프로젝트를 진행 하면서 this때문에 애를 먹은적이 여러번 있었다. this는 Object라 했는데 값이 안넘어가서 보니 this가 form형태로 넘어오고 있었고 this에 대해 얕게 알고 있던 나에게 한계점이 왔다. 그래서 이번 시간에는 자바스크립트에서의 this에 대해서 정리해보려고 한다. Node.js 에서의 this는 일반 자바스크립트의 this와는 살짝 다른 점이 있는데 그 부분도 아래에서 다뤄보려고 한다. 먼저 F12를 눌러서 브라우저 콘솔을 켜서 this를 쳐보면 window {}라는 객체가 나올 것이다. this는 기본적으로는 window이다. 그럼 window는 뭘까? F12를 눌러서 브라우저 콘솔에 window를 치고...

자료구조 & 알고리즘/백준(Baekjoon)

[백준] 16198(파이썬) - 에너지 모으기

https://www.acmicpc.net/problem/16198 16198번: 에너지 모으기 N개의 에너지 구슬이 일렬로 놓여져 있고, 에너지 구슬을 이용해서 에너지를 모으려고 한다. i번째 에너지 구슬의 무게는 Wi이고, 에너지를 모으는 방법은 다음과 같으며, 반복해서 사용할 수 있 www.acmicpc.net 이 문제는 일고나서 아 DFS로 풀어야겠다 라고 생각했다. 최대 입력값도 작고, 생각 해봤을 때, 한 경로로 깊이 들어가서 값을 저장하고, 또 다른 한 경로로 깊이 들어간 뒤 값을 저장해서 비교를 통해 갱신해가면서 풀면 된다고 생각했다. DFS로 방향을 잡은 뒤 부터는 수월했지만 문제 조건을 보면 data[i] 를 계산 뒤에 삭제 하라고 했는데, 삭제를 하고 DFS 재귀를 실행시켜준 뒤, 다..

Language/Javascript

[javascript 자바스크립트] 이벤트 리스너 란?

리액트를 복습하면서 이벤트 리스너에 대해서 다시 한번 정리해보려고 한다. 이벤트 리스너를 정리하기 전에 이벤트에 대해서 먼저 정리해보려고 한다. 동적인 웹 애플리케이션 구현을 위해서는 다양한 이벤트에 맞춰서 데이터를 핸들링해야 한다. 그러면 이벤트란 무엇일까? 어떤 사건을 의미한다. ex) 특정 버튼을 클릭했을 때, DOM이 다 로드되었을 때 - 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 알려 줄 수 있으며 이를 통해 사용자와 웹페이지가 상호 작용이 가능하다. - 이벤트 핸들러를 통하여 이벤트가 발생 시 원하는 함수에 연결하여 실행시킬 수 있다. DOM에서 특정 이벤트가 발생되면 우리는 자바스크립트 이벤트 객체에서 이를 확인할 수 있다. 그럼 이벤트 리스너란? 이벤트 리스너는 말 그대로 해당 ..

자료구조 & 알고리즘/백준(Baekjoon)

[백준] 14226(파이썬) - 이모티콘

https://www.acmicpc.net/problem/14226 14226번: 이모티콘 영선이는 매우 기쁘기 때문에, 효빈이에게 스마일 이모티콘을 S개 보내려고 한다. 영선이는 이미 화면에 이모티콘 1개를 입력했다. 이제, 다음과 같은 3가지 연산만 사용해서 이모티콘을 S개 만 www.acmicpc.net 이 문제는 처음 보고 그리디인가...? 했는데 그리디가 불가능한 문제였다. 그리디를 사용해도 되나..? 하는 문제들을 보면 거의 BFS나 DP 문제인 거 같다. 문제를 읽어보면 최단시간을 구해야 하는데 '최단'이라는 키워드가 나오면 BFS를 생각해보는 게 좋은 거 같다. BFS로 풀어봐야지 했는데 감이 오질 않았었는데 현재 화면의 이모티콘 개수와 클립보드에 있는 이모티콘 개수를 각각 처리하는 방법을..