결국 오고야 마는 것들

이벤트 버블링 이벤트 버블링이란 어떤 element에서 이벤트가 발생했을 때, 해당 element의 event handler를 실행한 다음, 부모 element부터 루트 element에 도달할때까지의 event handler가 실행되는 원리를 뜻한다. 확인을 위해 html 모든 태그에 currentTarget을 출력하는 이벤트를 붙여보자. `event.target` 은 실제 이벤트가 시작된 element이다. `this`와 `event.currentTarget` 은 현재 핸들러를 실행중인 element이다. 실행 결과 버튼이 위치한 4번 부터 1번까지, 그리고 body와 html 태그의 event handler를 순차적으로 실행시키는 모습을 확인할 수 있다. 만약 event.currentTarget을 e..

자바스크립트 2021. 9. 13. 02:59

전 국민 코딩 대잔치 카카오 블라인드 코딩테스트를 봤다. 문제 1번은 해쉬맵과 셋을 이용해 얍얍 하니까 풀렸다. 2번은... 쉬운 문제였는데 1번 테케가 자꾸 틀려서 왜맞틀 무진장하다가 끝내 풀지 못했다... 어떤 경우인지는 알고 있었는데 왜 안되는지는 모르겠다... 유일하게 js로 풀었는데 c++로 풀었으면 풀었을까? 3번은 맵을 이용해서 하라는 데로 하면 쉽게 풀린다. 4번은 조합 + 완탐 문제였고 약간 귀찮은 조건 처리만 해주면 되는 문제였다. 5번은 비트마스크 + bfs였는데 비트마스크만 떠올리면 쉬운 문제였다. 효율성도 없고. 카카오 인턴 4번 문제가 체감상 훨씬 어려웠다. 가만 보면 카카오는 그래프에 비트마스크 끼워 넣는 문제를 참 좋아한다. 6번은 구간 변화값을 저장해놓고 한번에 누적합을 계..

후기 2021. 9. 12. 00:20

Routing app.METHOD(PATH, HANDLER) app.get('/', (req, res) => { res.send('Hello world'); }); HTTP GET method를 처리 app.all() // 모든 HTTP methods app.use() // specify middleware as the callback function routing path의 ? + * ()는 regex의 subset이다. 미들웨어 Writing middleware for use in Express apps Writing middleware for use in Express apps Overview Middleware functions are functions that have access to the ..

자바스크립트 2021. 9. 6. 23:43

협업을 위해 fork한 repository를 클론해 로컬에서 작업하는 경우, 로컬의 수정 내역을 원본 repository에 PR 보내기 원본 repository로 로컬 환경을 동기화하는 과정을 알아보자. Pull Request 보내기 로컬에서 작업한 내용을 원본 repository에 반영하려면 PR(pull request)를 보내야 한다. 로컬에서 작업한 내용을 fork한 repository에 push한다. git add . git commit -m "{커밋 메시지}" git push origin {브랜치} 해당 repo의 github 페이지로 가서 새로운 PR을 생성한다. PR의 대상이 되는 repository와 브랜치, PR을 보내는 repository와 브랜치를 선택한다. 충돌이 없다면 아래와 같이..

git 2021. 9. 3. 00:31

HTML request에서 왜 \n이 아니라 \r\n으로 줄을 구분하는지 궁금하지 않나? 개행문자(newline)는 carriage return과 line feed로 나뉜다. 이 둘은 과거 타자기의 커서를 움직이는 방식에서 시작했다. LF는 커서 위치는 정지한 상태에서 종이를 한 줄 올리는 것이고 CR은 종이를 고정시키고 커서를 맨 앞줄로 이동하는 것이다. 일반적으로 엔터를 쳤을때 생각하는 다음 줄 맨 왼쪽 커서가 결국 CR+LF인 것이다. Windows에서는 CR+LF, Unix와 macOS는 LF를 개행문자로 사용한다. 컴파일러에서 scanner를 만드는 과제를 제출했는데 교수님이 동작하지 않는다고 해서 확인해보니 m1 맥북과 인텍 맥북에서 다르게 동작한 적이 있었다. 오랜 시간 삽질해서 결국 문제가..

메모 2021. 8. 22. 17:52

세미콜론은 대부분의 프로그래밍 언어에서 statement terminator이기 때문에, 모든 statement의 끝에는 statement가 종료됨을 명시하기 위해 세미콜론을 붙여주어야 한다. 다만 if, for, 그리고 함수 statement 등의 코드 블록은 self closing (자체 종결성)을 갖기 때문에 붙이지 않는다. let mary = 'mary' console.log(mary) // mary let peter = 'peter'; console.log(peter); // peter 하지만 위 코드를 실행해보면 알겠지만, 자바스크립트는 세미콜론을 생략해도 문제가 없다. 자바스크립트 엔진에는 ASI(automatic semicolon insertion)이라는 statement의 끝을 예측해 자..

자바스크립트 2021. 8. 22. 17:19

4주 간의 부스트캠프 챌린지 기간이 끝났다. 솔직히 나는 이렇게 힘들줄 몰랐다... 컴공인 나도 힘든데, 도대체 컴공이 아닌 사람들은 어떻게 버티는 거지? 무한한 존경심이 생겼다... 챌린지 후기 챌린지 기간에는 매일 모두가 같은 미션을 수행하고, 다음날 서로의 코드를 보면서 리뷰하는 시간을 가진다. 다른 캠퍼들의 코드를 보면서 내가 구현에 실패했거나 힘들었던 부분, 어떤 생각으로 프로그램 구조를 잡아갔는지, 또는 내가 생각지도 못했던 지식이나 잡기술? 등을 어깨 너머로 배울 수 있다. 개인적으로 가장 실력이 많이 늘었고, 좋은 생각과 고민을 하게 된 시간이자 챌린지의 꽃이라고 생각한다. 미션은 위 사진처럼 다양한 내용의 구조나 원리에 대한 내용이다. 미션들을 여러 번 반복하다 보니 내가 안다고 생각했던..

후기 2021. 8. 20. 13:25

UCPC 예선 H. ABC를 풀고 나머지 문제 중에서 유일하게 풀이가 떠올랐는데, 결국 10트 하고 못 풀었다. 알고 보니 애초에 bfs나 다잌스트라로 풀 수 없는 문제였다. 오늘 공식 풀이를 보고도 한참 이해를 못 했고 점화식을 가져다 써서 AC는 받았지만 사실 아직도 이해를 못 한 것 같다. 결과적으로 쉬운 3문제밖에 풀지 못한 결과가 너무 아쉽다. 10번이나 왜맞틀 하면서도 풀이가 틀렸다는 생각을 안 해본 게 바보 같다. 풀이를 보고도 이해를 못한 게 바보 같다. ps는 당분간 쉬어야겠다. #include #define fastio ios::sync_with_stdio(0), cin.tie(0) using namespace std; using ll = long long; using pii = pai..

혼내주기 2021. 8. 2. 00:41