본문 바로가기

분류 전체보기218

한 발 빠른 2021년 회고록 정말 바쁘게 보냈던 2021년도 어느덧 마무리 되어간다. 작년도, 재작년도 많은 일들이 있었지만 유독 올해는 기억에 남는 일들이 많았던 것 같다. 그만큼 스스로의 성장 곡선이 가장 큰 기울기를 기록했다는 의미라고 생각하니 기분이 좋다. 올해는 늦지 않게 한 발 빨리 회고록을 작성하게 되었으니, 여유롭게 추억들을 하나씩 꺼내본다. 리팩토링 스터디 - 20년 9월 ~ 2월 지난해부터 이어오던 리팩토링 스터디가 2월에 마무리 되었다. 지금 생각해도 리팩토링은 그 당시에 내가 읽기에는 다소 어려운 책이었고 (지금도 어렵다 😭) 와닿지 않는 부분도 많았었지만 이때 구른 덕분에 좋은 코드에 대한 고민을 시작했고, 어떤 코드가 좋은 코드에 가까운지 조금의 방향성은 생겼다고 스스로 느낀다. 앞으로 수많은 리팩토링들을 .. 2021. 12. 31.
react-canvas-draw 사용법 최근 학교 팀 프로젝트로 온라인 드로잉 웹 게임을 만들었는데, react-canvas-draw라는 라이브러리가 있기에 사용해보았습니다. 라이브러리 깃 저장소에 공식 튜토리얼은 존재했지만 한국어 자료가 거의 없다시피하여 이후에 사용하실 분들을 위해 간단한 사용법을 남겨봅니다. 설치 npm 또는 yarn을 이용해 모듈을 설치해줍니다. npm install react-canvas-draw --save yarn add react-canvas-draw 사용법 import React from "react"; import ReactDOM from "react-dom"; import CanvasDraw from "react-canvas-draw"; ReactDOM.render(, document.getElementBy.. 2021. 12. 26.
우아한테크코스 4기 프리코스 후기입니다. 지난 12월 18일, 우아한테크코스 4기의 프리코스가 최종 테스트를 끝으로 종료되었습니다. 처음 지원했을때부터 프리코스를 마치기 전까지를 돌아보면 참 짧은 시간이었지만 스스로 느끼기에 많이 성장할 수 있었던것 같습니다. 학교와 개인 일정들을 소화하며 함께 진행하느라 많은 시간을 쏟지 못한점은 못내 아쉽지만, 후회없이 보냈던 한달이었기에 그동안 프리코스를 진행하며 느꼈던 점을 남겨보려합니다. 혹시 진행 과정이 궁금하셨던 분이나 다음에 지원하실 분들께 참고가 되었으면 좋겠습니다. 매주 주어지는 미션 프리코스에서는 매주마다 주어진 요구사항을 구현해내는 미션이 주어집니다. 백엔드 과정에서는 어떤 미션이 나왔는지 모르니 제가 지원했던 프론트엔드를 기준으로 작성하겠습니다. 흔히 기업에서 제시하는 코딩 테스트는 문제.. 2021. 12. 22.
우아한테크코스 4기 지원 후기 (프론트엔드) 오랜만에 적는 근황입니다. 얼마 전 눈여겨 보고 있던 교육 프로그램인 우아한테크코스 4기에 지원하여 1차 합격 통지를 받은 덕분에, 현재는 프리코스에 참여하며 즐거운(?) 시간을 보내고 있습니다. 여러 프로젝트들의 일정이 겹쳐 눈코 뜰 새 없이 바빠 후기도 제대로 적지 못했는데, 잠시 한 숨 돌리며 기억에 남는 내용들을 적어보려 합니다. 1년 가까이 되는 짧지 않은 교육 기간을 가지고 있는만큼, 지원자들을 선별하는 과정도 많은 신경을 기울였다는 느낌이 들었습니다. 시간 순서대로 차례차례 적어보겠습니다. 지원 : 자기소개서 우아한테크코스에 처음 지원을 하게되면 자기소개서를 작성하는 것에서부터 시작합니다. 제대로 된 자기소개서를 작성해 본 경험이 거의 없었던터라 난감했지만, 최대한 스스로를 숨기거나 과장하지.. 2021. 11. 30.
JavaScript의 위임 (Delegation of JavaScript) 이번 시간에는 자바스크립트의 위임 방식에 대해 알아보고자 합니다. 단, 여기에서 말하는 위임은 캡쳐링과 버블링을 포함하는 이벤트 위임(event delegation) 또는 전파(propaganation)가 아니라 지난 시간에 알아 본 프로토타입과 이어지는 작동 방식에서의 위임입니다. 클래스 vs 위임 추상화가 가능한 유사한 속성을 가진 객체들이 있다고 할때, 이를 앞에서 살펴봤던 클래스를 이용해 모델링 해보면 이런 모습이 됩니다. class Person { name; age; constructor(name, age) { this.name = name; this.age = age; } } class Student extends Person { studentNumber; constructor(name, ag.. 2021. 11. 19.
도메인 주도 설계 책 구입했어요. 리팩토링 북 스터디가 끝나고, 다음에 읽어볼 책으로 도메인 주도 설계가 선정되었습니다. 이 글을 쓰는 지금이 구입하고 약 한 달 정도 지난 시점인데 아직 어떤 설계 모델이 바람직한지 설명하는 초반 부분을 막 지나고 있네요. 지금까지 읽은 내용을 바탕으로 보면, 이 책은 시니어 개발자들을 대상으로 한 프로그램 설계 지침서라는 느낌이 강하게 들었습니다. 프로그래머를 포함해 개발에 참여하는 모두에게 의미있는 '모델' 을 만드는 법과 이러한 모델을 이상적인 상태로 유지할 수 있는 설계를 위해 어떤 원칙들을 지켜야 하는지, 그 결과로 탄생한 기법으로 어떤 것이 있는지와 같이 단순한 구현을 넘어 어떤 프로그램이 좋은 프로그램인가에 대한 답을 설계 단계부터 고민하는 사람들을 위한 책인 것 같습니다. 본격적인 내용은 .. 2021. 11. 11.

티스토리툴바