지금 뜨고 있는 포스트

내게 실용적이었던 프로그래밍 공부 방법들
city7310
나는 보통 재능이나 공부의 양으로 친구들의 성장 속도를 따라가기 힘들었다. 그래서 '무작정 열심히'보단, '의식적인 연습'을 지속해 나가야 했다. 이득충이 되는 방향으로 공부를 하다 보니까, 내가 어떤 방식으로 공부를 하는 지 어느 정도 정리가 됐다. velog의 독자들은 '경험기'같은 글에 니즈가 꽤 있는 것 같아서, 부족하지만 내 공부를 위한 매개체들을...
이력서 새로 만든 후기
iamchanii

이력서 새로 만든 후기

2019년 6월 3일1개의 댓글
나는 종종 글을 쓰면 주제의 본질을 벗어나는 경향이 있다. 이전에 쓴 이력서 유지보수 하는 썰의 글이 그랬다. '이력서를 어떻게 유지보수 했는지' 보다 '재미있어 보이는 글(사실 재미 없는 것)'을 쓰는 것에 집중을 한다. 그렇게 나온 글은 별로 영양가 높지 않다. 이번에는 꼭, '주제'에 집중해서 글을 써야겠다. 로켓펀치, 원티드 같은 채용 플랫폼에서 ...
벨로퍼트와 함께하는 리액트 테스팅
velopert
이 튜토리얼에서는 리액트 프로젝트에서 TDD (Test Driven Development · 테스트 주도 개발)을 하는 방법에 대해서 알아보겠습니다. 소프트웨어 개발에서의 "테스트" 라는 개념에 대해서 1도 모르는 개발자도 이 튜토리얼을 마치고나면, "나는 리액트 테스팅을 잘 할 수 있다!" 라고 말 할 수 있습니다. 이 튜토리얼을 진행하기 전에는 No...
honeysuckle
2017 - 2018 신입 프론트엔드 면접 질문 모음 설명 개발자 준비를 하면서, 면접에서 개별적으로 혹은 공통적으로 받았던 질문 리스트입니다. 주로 로켓펀치와 원티드를 통해 구직활동을 하였으며, 당연히 비율상 규모가 큰 기업 보다는 스타트업 위주로 면접이 진행되었습니다. 서류를 제출한 모든 기업으로부터 면접이 진행되지 않아, 질문 내용이 보편적이...
Styling? with Linaria!
asdhugh1

Styling? with Linaria!

2019년 6월 4일3개의 댓글
styled-components에 질렸다면 linaria는 어떤가요!
jakeseo_me
들어가기 전에 - 이 포스팅은 자바스크립트 개발자라면 알아야 할 33가지 개념을 번역한 것입니다. (https://github.com/leonardomso/33-js-concepts, https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions-tasks-event-loop...
프론트엔드 신입 개발자 지원 회고
bgm537
며칠 전 그토록 원하던 회사의 합격 통보를 받고 준비하면서 느꼈던 것을 정리하고자 회고 글을 쓴다. 2018년과 2019년 취업 전까지의 활동을 회고하며 느낀 점을 정리하려 한다. 2학년 내가 다니고 있는 학교는 마이스터고라 3학년 2학기가 되면 전환학기가 돼서 취업을 나갈 수 있다. 그렇기에 3학년 1학기에는 지원을 하기에 바쁘기에 나는 2학년때...
대단히 주관적인 기계식 키보드 사용 후기
doondoony
기계식 키보드를 알고 싶으신가요?
자바스크립트 테스팅의 기초
velopert

자바스크립트 테스팅의 기초

2019년 6월 4일1개의 댓글
자바스크립트로 작성된 프로젝트에 테스트 자동화를 사용 할 때 사용 할 수 있는 도구는 다양합니다. 리스팅을 해보자면 다음과 같습니다. - Karma - Jasmine - Jest - Chai - Mocha 종류가 정말 다양하지요? 이 도구들은 비슷한 작업을 처리하지만 각각 다른 특성들을 가지고 있습니다. 각 도구들의 차이점들을 보고 싶으시다면 이 링크를...
react-testing-library 를 사용한 리액트 컴포넌트 테스트
velopert
react-testing-library 에서는 Enzyme 과 달리 모든 테스트를 DOM 위주로 진행합니다. 그리고, 컴포넌트의 props 나 state 를 조회하는 일은 없습니다. 컴포넌트를 리팩토링하게 될 때에는, 주로 내부 구조 및 네이밍은 많이 바뀔 수 있어도 실제 작동 방식은 크게 바뀌지 않습니다. react-testing-library는 이 점을...
sonypark
개발 공부를 시작하다 개발 공부를 하기로 마음을 먹었지만, 어디서부터 시작해야 될지 막막했다. 우선 컴퓨터를 켜고 개발을 배울 수 있는 곳을 찾았다. 그중 가장 먼저 생활코딩이 눈에 띄었다. 그렇게 이고잉님을 처음 만났다. 처음 개발에 흥미를 붙이고 열심히 할 수 있었던 것은 생활코딩의 영향이 컸다. 이고잉님의 강의는 개발 강의이자 철학 강의였다. 단순...
jakeseo_me
들어가기 전에 - 이 포스팅은 https://javascript.info/closure 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. - original source of this posting is from https://javascript.info/closure If the ori...
Github의 새로운 기능, Template repository 에 대해 알아보자
bgm537
며칠 전 깃허브 트위터에 흥미로운 기능이 생겼습니다. 바로 Template repository인데요. 어떤 기능인지 빠르게 알아보겠습니다! !twitter[github/status/1136671651540738048] Template Repository란? 깃허브 트위터에서는 '바퀴를 다시 발명할 필요 있나요? GitHub repository ...
react-testing-library 의 비동기작업을 위한 테스트
velopert
리액트 애플리케이션에서 비동기 작업이 있을 때는 이를 어떻게 테스팅 하는지, 그리고 API 요청을 해야 하는 경우 이를 어떻게 mock 할 수 있는지에 대해서 알아보겠습니다. 우리가 이전에 만들었던 rtl-tutorial 프로젝트 디렉터리를 다시 에디터로 열어주세요. 비동기적으로 바뀌는 컴포넌트 UI 테스트 DelayedToggle 라는 컴포넌트...
내맘대로 리액트 A to Z - 1
yesdoing
서문 최근 아시는 분들과 프론트 개발에 대해 이야기를 나누다가 이런 이야기를 하였습니다. 너 CRA 없이 React 프로젝트 셋팅은 할 수 있냐? 곰곰이 생각해보니 React를 배울 때 부터 Create-React-App 을 사용한 개발만 해왔기에 CRA 없이 한번도 React 프로젝트 셋팅을 해보지 않은 사실을 알고 부끄러움을 느꼈습니다. 대략...
React 개발 환경을 구축하면서 배우는 웹팩(Webpack) 기초
jeff0720
서론 안녕하세요, 영훈입니다. 오랜만에 글을 쓰네요! 이번 글은 웹팩으로 직접 React 개발 환경을 구축해보면서 웹팩에 대한 기본 개념과 감을 잡을 수 있도록 목표로 작성한 글입니다. 웹팩을 사용하고 있지만 정확히 웹팩이 어떻게 돌아가는지 감이 잘 안오시는 분들께 도움이 되길 바라면서 시작하겠습니다. 완성된 소스코드는 아래 URL에서 볼 수 있습...
TDD의 소개
velopert

TDD의 소개

2019년 6월 4일1개의 댓글
TDD (Test Driven Development · 테스트 주도 개발) 에 대해서 알아봅시다! TDD 는 테스트가 개발을 이끌어 나가는 형태의 개발론입니다. 가장 쉽게 설명하자면, 선 테스트 코드 작성, 후 구현 인데요, 이는 총 3가지 주요 절차로 이루어져있습니다. TDD 의 3가지 절차 실패 첫번째 절차는 실패입니다. 이는, 실...
Redux (2) 리액트 없이 쓰는 리덕스
velopert
리덕스는 리액트에 종속되지 않습니다. 리액트에서 사용하려고 만든거긴 하지만, 실제로 다른 UI 라이브러리나 프레임워크와 함께 사용 될 수도 있습니다 (예: angular-redux, ember-redux...) 물론, 바닐라 자바스크립트와도 함께 사용할 수도 있겠죠. 바닐라 (vanilla) 자바스크립트는, 라이브러리나 프레임워크 없이 사용하는 자바스크...
Redux (3) 리덕스를 리액트와 함께 사용하기
velopert
3-1. 리덕스의 3가지 규칙 리덕스를 프로젝트에서 사용하게 될 때 알아둬야 할 3가지 규칙이 있습니다. 1. 하나의 애플리케이션 안에는 하나의 스토어가 있습니다. 하나의 애플리케이션에선 단 한개의 스토어를 만들어서 사용합니다. 여러개의 스토어를 사용하는것은 사실 가능하기는 하나, 권장되지는 않습니다.특정 업데이트가 너무 빈번하게 일어나거나, ...
📚 한 주간 본 IT 글, 영상 아카이브 #1
chris
🗓 2019.06.03 ~ 2019.06.09 📔 블로그 - 🇺🇸Javascript if-else and try-catch as functional constructs - if-else 문과 try-catch 문을 함수형으로 변환하는 방법을 소개하는 글. - 🇰🇷애플 WWDC 2019 요약 간단정리 - 6월 4일 있었던 Apple W...