치춘짱베리굿나이스

https://www.youtube.com/watch?v=li2Qj3QDTjM 좋은 기회 최근 그룹 활동을 하면서 기억에 남는 말이 있다 회사에서는 짧은 시간동안 요구사항을 전부 충족해야 하기 때문에 구현에 급급해야 하는 게 맞지만 지금의 환경에서는 학습에 초점을 맞춰 비단 요구사항 구현 말고도 시도할 수 있는 모든 것을 시도해 보는 게 좋지 않을까~ 하는 얘기였다 이 말이 그룹 활동 끝나서도 계속 기억에 맴돌고 있다 ㅋㅋㅋ 사실 마스터 클래스에서도 비슷한 말이 오가기도 했고... 사실 이렇게 여유롭게 내가 시도해 보고 싶은 모든 것을 시도해볼 기회가 앞으로 얼마나 올까? 당장 내년부턴 진심취준 모드일텐데 그렇게 되면 더더욱이나 여러 참신한 시도를 할 기회는 줄어들 것이다 주어진 레이아웃이랑 똑같이 스타..

https://www.youtube.com/watch?v=d18MJmBnR3w 어느 새 10000 오늘도 뭔가 생각정리를 해봐야지 (학습정리도 제대로 못 하고 있는 건 함정이다) 싶어 블로그를 들어왔는데, 어느 샌가 방문수가 10000을 넘어 있었다 작년 이맘때쯤... 아니 올해 초까지만 해도 아무것도 없는 황량한 블로그라 가끔 친한 분들이 구경와서 방문수 10 남짓이나 겨우 찍었었는데, 이렇게 됐다 블로그에 공부 내용을 정리하게 된 건 올해 초에 진행했던 1달간의 프리온보딩 때였는데, 멘토님께서 되도록이면 배운 것을 어딘가에 정리하고, 나만 볼 수 있는 공간 말고 공개된 블로그 등에 정리하여 다른 사람들이 볼 수 있게 해야 정리가 더 잘 된다고 하셨었다 원래는 개인 노션에 정리해서 아무한테도 공유하지 ..

[Violation] took 1000⬆️ms 이게 뭐지 앞에서 this 바인딩 문제를 해결하니 이번엔 이상한 경고가 출력된다 대충 이 핸들러 호출하고 종료되기까지 1016초 걸렸으니 왠만하면 비동기로 동작하게끔 하는 게 좋겠다 라는 의미이다 또한 이 경고는 숨길 수가 없다고 한다 원인은 경고 출력용 alert 함수 때문이었는데, alert로 출력된 경고 메시지의 ‘확인' 버튼을 눌러야 함수가 종료되었다고 판단하기 때문에 확인 버튼을 언제 누르냐에 따라 위의 경고 메시지의 시간이 달라진다 테스트해보니 3초 뒤에 클릭하면 대충 3초 조금 넘는 시간이 걸렸다고 나왔다 만약 경고 메시지의 확인 버튼을 10분 뒤에 누르면 아마 600,000ms 걸렸다고 나오지 않을까… alert 함수는 위의 함수 종료를 지연시..

이벤트 핸들러 this 오류 문제 클래스 안에 있는 메서드를 핸들러로 부착하니 클래스의 멤버 변수들을 찾지 못하는 상황이 발생했다 처음에는 메서드가 프라이빗 메서드라 그런 건가? 싶어서 이리저리 고쳐봤는데, 알고 보니 this가 클래스 인스턴스를 가리키지 않고 이벤트가 걸린 요소를 가리켜서 그런 것이었다 원인 https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener MDN 문서에 따르면 이벤트 수신기 (이벤트 핸들러) 의 this는 이벤트가 걸린 대상 요소를 가리키게 된다고 한다 (= e.currentTarget이 가리키는 요소와 같다) 디버깅하느라 별 짓을 다 했는데 이런 이유가 있었다 해결 DOM요소.addEventListe..

https://youtu.be/P2CRAuEgMB4 무리하지 않기 밤샘만이 정답일까? 무리해서라도 목표를 끝내는 것만이 정답일까? 한번에 고강도의 운동을 하는 것이 정답이고 옳은 길일까 물론 계약에 의한 업무라면 할당량을 끝내는 것이 맞겠지만 그렇지 않다면 무리할 필요는 없다고 생각한다 무리하는 것이야말로 일에 흥미를 잃는 지름길이다 그림 그리는 건 재밌다 하지만 누가 나를 24시간 감시하면서 100장의 그림을 그려달라고 하면 나는 그림을 재밌게 그릴 수 있을까? 취미생활로 간간이 그리던 그림도 누군가의 의뢰로 기한을 맞춰서 그릴 마음이 없던 객체를 그리다 보면 갑자기 흥미가 급감하더라 오늘 내로 절대 못 끝낼 분량이라는 걸 어렴풋이 알면서도 괜한 욕심에 밤새 코드를 짜면 과연 프로그래밍이 재미있어질까?..

https://youtu.be/CZ9VcBs8H2Y 하고싶은 거 다 하면서 살기 나는 하고싶은 게 있으면 다 하는 편이다 그림도 많이 그렸고, 작곡도 도전해봤고 (처참하게 망했다) 노래 녹음도 해봤고 (이것도 처참했지만 재밌었다) 출사도 다니고 미니어쳐도 만들고 프라모델도 조립하고... 온갖 취미생활은 운동 빼고 다 찍먹해본 것 같다 회로설계랑 물리가 재밌어서 아무 생각 없이 수시 원서를 전부 전자공학과로 넣었다 대학교 합격발표를 보자마자 밴드부 포스터부터 찾아 다짜고짜 회장 번호로 가입 연락을 넣고 40만원짜리 베이스를 결제했다 대학교 2학년 때 1달 어학연수 포스터를 보고 1시간만에 자기소개서를 대충 적어 그 길로 일본에 다녀왔다 (낑낑대며 베이스 짊어지고 간건 덤이다...) 대학교 3학년 때 갑자기..

웹팩과 웹팩 설정하기 웹팩 공식 홈페이지 webpack webpack 웹팩은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 있습니다. webpack.kr 웹팩이란? 공홈페이지에서부터 “~~를 번들해 보세요" 라는 캐치프레이즈가 대문짝만하게 출력되는 것에서도 알 수 있듯, 웹팩은 ‘모듈 번들러' 이다 캐치프레이즈가 한 3~5초 간격으로 바뀌는데, {이미지 | 애셋 | 스크립트 | 스타일 …} 을 번들해 보세요 예시 중 하나로 계속 슬라이딩되는 것으로 보아 프로젝트 내의 이미지, 애셋, 스크립트, 스타일도 번들이 가능한 ‘모듈' 이라고 할 수 있음을 예측가능하다 앞서 적었듯 모듈 번들러는 모..

CPP 08 Templated containers, iterators, algorithms 템플릿 컨테이너, 반복자, 알고리즘 stl Standard Template Library 표준 템플릿 라이브러리라는 이름에서 알 수 있듯 세 개의 구성 요소로 이루어진 템플릿들을 제공한다 그것은 반복자 (iterator), 컨테이너 (container), 알고리즘 (algorithm) 스택, 큐, 덱, 맵, 벡터, 리스트 등 한번쯤 들어봤을 법한 자료구조들과 적합한 알고리즘들이 내장되어 있으며, 필요한 자료구조를 꺼내서 사용하면 된다 container http://www.tcpschool.com/cpp/cpp_container_adapter http://www.tcpschool.com/cpp/cpp_containe..