- 전체보기(16)
- jest(3)
- express(3)
- typescript(3)
- tslint(2)
- cheerio(2)
- 오픈소스(2)
- 프로그래밍(2)
- React(2)
- snapshot(1)
- nodejs(1)
- 크롬(1)
- 주니어 개발자(1)
- 컨트리뷰션(1)
- css3 spec(1)
- dotenv(1)
- winston(1)
- mocha(1)
- JavaScript(1)
- js dom(1)
- testing(1)
- frontend(1)
- Backend(1)
- Node(1)
- opensource(1)
- docker(1)
- tslint config airbnb(1)
- MVVM(1)
- 아키텍처(1)
- RustPython(1)
- 개발 행사 후기(1)
- 스프린트 서울(1)
- 클린 아키텍처(1)
- CLEAN CODE(1)
- kitematic(1)
- programming(1)
- CSS(1)
- 경험(1)
- HTML5 컨퍼런스(1)
- 발표(1)
- Design Pattern(1)
- Candidate Recommendation(1)
- InnerHTML(1)
- transition(1)
- crawler(1)
- 크롤러(1)
- 디자인 패턴(1)
- W3C(1)
- 웹 표준(1)
- test(1)
- Chromium(1)
- glob(1)
- command(1)
- 프로그램(1)
- 리액트(1)
너희 둘 ❗ 👨🏻🤝👨🏿 왜 서로 달라 ❓
알고 계셨나요? react에서 정의된 타입과 @types/react에서 정의된 타입은 똑같지 않습니다!
자스왕조실록 (innerHTML편)
@testing-library와 jest를 사용해서 컴포넌트 테스트 코드를 작성하던 와중에 엘리먼트 내부 텍스트를 확인하는 테스트 코드를 작성하게 되었다. 이 과정에서 innerHTML의 심오함과 만나게 되었다.
2019년 12월 스프린트 서울 후기
서론 이 글은 12월 14일에 열린 SprintSeoul에 참가하고 나서 작성한 후기입니다 먼저 이 행사는 facebook OSS 개발자 포럼 페이지에 올라온 홍보글을 통해서 알게 되었습니다. (페이스북에 있는 다양한 개발자 그룹(생활코딩, 프론트엔드개발그룹, GDG Korea WebTech 등등...)에 들어가시면 재밌는 개발행사를 많이 알 수 있답니...
클린 아키텍처 부수기💥 (2) - 소개
서론 프로그램이 작동하도록 만드는 것은 어렵지 않다. 프로그램을 제대로 만드는 일은 어렵다. 소프트웨어를 제대로 만들게 되면 소수의 프로그래머만으로도 프로그램이 지속적으로 동작하게 만들 수 있다. 아마 notion 개발 팀이 위 예시의 산 증인이 아닐까 생각된다. (전에 본 글에 따르면 노션은 급성장하는 스타트업임에도 불구하고 30여명의 직원으로...
클린 아키텍처 부수기💥 (1) - 서론
서론 어제 코엑스에서 구글 웹마스터 컨퍼런스에 참석하게 되었다. 점심시간에 점심을 먹는 대신 코엑스 영풍문고에 가서 읽을만한 책들을 봤다. 사실 개발 관련 책보다는 인문학 책을 사고 싶었는데 알 수 없는 이유로 개발 서적이 있는 구역으로 발을 옮기게 되었다. 많은 책들 중에서 눈에 띈 책이 바로 클린 아키텍처였다. 책을 펼치고 책을 읽었을 때, 나를 사로잡...
클린 코드
2장 의미있는 이름 의도를 분명히 밝혀라 이름을 지을 때 답해야하는 질문들 변수의 존재 이유는? 수행 기능은? 사용 방법은? 주석이 필요한 코드는 코드에 의도를 분명히 드러내지 못한 코드다. 위의 코드와 아래 코드를 비교하면 단박에 내가 이름을 어떻게 지어야 할지 감이 온다. 지금까지는 변수 명을 짓다가 적당한 이름이 없어서 너무 길어지면 의도를 알기 ...
첫 컨퍼런스 발표 그 이후..
1. 서론 이 글은 2019년 10월 11일 W3C HTML5 Conference 2019에서 V8 엔진의 작동원리라는 주제로 발표하게 된 경험을 다룬 글입니다. 학교가 아닌 외부 개발 컨퍼런스에서 처음으로 발표했던 경험을 함께 공유하고 기록하기 위한 목적으로 작성하게 되었습니다. 재밌게 읽어주시면 감사하겠습니다. 2. 발표하기 전 발표하게 된 계기는 좋...
Glob 패턴이 뭘까?
서론 타입스크립트의 tsconfig, tslint 설정과 웹팩 설정을 직접 해보면서 이게 도대체 뭘 나타내는 코드일까..?라고 생각하게 만드는 것들이 있었습니다. 그 중에 하나가 바로 글롭 패턴(Glob Pattern)입니다. 글롭 패턴의 생김새는 정규표현식과 매우 유사합니다. 하지만 서로 완전히 다른 특성을 가지고 있기 때문에 사용할 때 주의해야 합니다...
Typescript와 Express로 재밌는 무언가를 만들어보자!(3)
서론 지난 포스트에서 프로젝트 세팅을 모두 끝마쳤습니다! 이제 실제로 멋진 Typescript Express 크롤러를 만들어볼 차례입니다. 어서 개발하러 가시죠! 1. 크롤러의 작동원리 크롤러의 작동원리는 사실 정말 별 것도 없습니다. 우리가 일반적으로 웹 서핑을 할 때 보는 웹 페이지들은 다들 알고 계시는 것처럼 HTML과 CSS, 자바스크립트로 동작하...
[번역] 리액트 스냅샷 테스팅의 단점들
images.png 서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번역한 ...
docker 삽질기 (1)
Docker를 사용해보려고 Windows 10 Pro 환경에서 Docker For Windows를 설치하고, Kitematic(Docker GUI)를 설치해서 사용해봤다. (현재 버전 v0.17.7) 그리고 나서 우분투 이미지를 다운받으려고 시도했다. image.png 하지만 "connecting to Docker Hub"라고 잘 설치될 것같은 뉘앙스를...
Typescript와 Express로 재밌는 무언가를 만들어보자!(2)
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. tsconfig 세팅 tslint 세팅 jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 저는 초보자들의 관점...
Typescript와 Express로 재밌는 무언가를 만들어보자!(1)
서론 안녕하세요! Medium에서 글을 쓰다가 코드는 안예뻐쁘고, github gist를 쓰기엔 귀찮아서 velog로 찾아온 사람입니다. 이상한 소리는 집어치우고, 서론이지만 본론으로 들어가봅시다. 저는 원래 Typescript(I love TS)와 React를 좋아