profile
함께 성장하는 개발자가 되고 싶습니다.

code coverage

code-coverage 측정 어려움 -> react-scripts 가 바벨 configuration으로 부터 숨어있기 때문에eject를 할수도 있지만 cypress/instrument-cra whyCC in JavaScript WorldCC for E2E testsC

2020년 8월 24일
·
0개의 댓글

Continuous Integration with Cypress

$cypress open Runs one or all specs File watcher Dom snapshots and time-traveling debugger $cypress run Runs single spec at a time No file watchign N

2020년 8월 24일
·
0개의 댓글

why Cypress

Cypress는 E2E테스트, 통합테스트, 유닛테스트 가능하다.실제로 효과가 있는 테스팅 프로세스를 추구한다.Time travel : snapshots. 각 스텝의 커맨드 로그를 확인해 어떤일이 있는지 알 수 있다.Debuggability : Developer tool

2020년 8월 14일
·
0개의 댓글

Cypress - Tips

TypeScript Deep DiveBest Practices talk at AssertJSshared common teststrategiesstub all request : cy.server(), cy.route(), set Status code, set Respon

2020년 8월 4일
·
0개의 댓글

Cypress- Continous Integration

Cypress 실행 전에 로컬 서버를 백그라운드에서 부트해야한다.이를 위해 많은 사람들이 아래와 같은 코드를 사용한다. 문제는 서버를 실행하는데 시간이 걸린다면 cypress가 실행됬을때 서버의 이용 가능성을 보증할 수 없다.wait-on modewait-on modu

2020년 7월 31일
·
0개의 댓글

cypress- Network Requests

server Responsesstub

2020년 7월 28일
·
0개의 댓글

cypress - E2E test tool

The more your tests resemble the way your software is used, the more confidence they can give you. conduit - project real world app

2020년 7월 26일
·
0개의 댓글

Redux from Dan Abramov

state 혹은 state tree라 부르는 한가지 객체에서 모든 변화가 일어난다.state tree 는 read-only이다. state의 변화를 위해서는 action의 dispatch가 필요하다.action: 앱의 state의 모든 변화가 일어나는 자바스크립트 객체

2020년 7월 15일
·
0개의 댓글

Don't Sync State. Derive it!

tic-tac-toe 게임 만들기를 통해서 state처리에 대해 알아보자 sqaures, nextValue, winner, status의 state들은 calculateNextValue, calculateWinner, calculateStatus 함수들을 호출하면서

2020년 7월 8일
·
0개의 댓글

setState() Gate

React has a setState() problem: Asking newbies to use setState() is a recipe for headaches. Advanced users have learned to avoid it. ;)Eric Elliott 멘티

2020년 7월 3일
·
0개의 댓글

useCallback, useMemo

useCallback hook return a memoized callbackThis is useful when passing callbacks to optimized child components that rely on reference equality to prev

2020년 6월 29일
·
0개의 댓글
post-thumbnail

스타트업 신입 개발일지(02 : 소스 코드 분석하기)

제대로된 코드를 만들기 위해서는 제대로된 코드를 많이 읽어보면 된다.기존에 사용하는 라이브러리나 플러그인의 코드를 읽어라인상깊었던 소프트웨어 코드를 읽어라존경하는 사람이 만든 코드를 읽어라(클린코드 로버트 C.마틴)실제 다룰 수 있는 코드를 읽어라(되도록 초기버전)큰

2020년 6월 3일
·
0개의 댓글

스타트업 신입 개발일지(01 : 커리어의 시작(Feat. 피터드러커))

한 스타트업의 채용절차를 마무리 짓고 출근 준비를 앞두고 있다.신입이기 때문에 첫 출근을 앞두고 조금이나마 준비된 모습을 보여주고 싶었기에 출근 일주일을 앞둔 이 기간동안 어떤 준비를 해야할까 고민이 됬다.사용할 기술과 어떤 기능을 개발 할 지는 어느정도 들었고 이런

2020년 6월 2일
·
0개의 댓글

성장을 위한 밑 거름

레쥬메: 내가 왜 이회사를 오고 싶은지 / 이 회사에 어떤 것을 기여할 수 있는지/왜 나를 뽑아야하는지면접: 질문의 답만 해선 안된다. 빨리 배울수 있는지(개인시간 활용, 누굴만나는지, 어떤 책을 보는지)부지런한가(극단적으로 게으르지 않은지 확인)착한가(인터뷰를 하면서

2020년 5월 25일
·
0개의 댓글

포트폴리오(06 : 레이아웃 만들기)

프로젝트에서 Material-ui의 기본적인 테마 이외에 나만의 테마를 위한 스타일링이 필요했다. Material-ui는 Css전처리기 대신 jss(javacript based style solution)을 사용하기 때문에 SCSS를 활용해서 컴포넌트를 스타일링하는 레

2020년 5월 19일
·
0개의 댓글
post-thumbnail

자료구조 - Tree

트리란? 비선형(순차적이지 않은)구조의 자료구조로써 계층적인구조를 갖는 자료구조이다. 트리 관련 용어 트리구조에서 최상위에 노드를 Root라고 부른다. 이 Root 아래에는 노드들이 존재하며 노드와 노드사이는 link or edge라고 한다.

2020년 5월 8일
·
0개의 댓글
post-thumbnail

포트폴리오(05 : Sass와 styled-components)

반응형 레이아웃을 만들기 위해서는 미디어쿼리를 활용한 css, flexbox를 활용한 css 등 css의 활용이 여러모로 필요하다.이번 포트폴리오에서는 material ui 디자인 프레임 워크를 사용하기로 했는데 예시에서 아래 코드처럼 스타일링 해주는걸 볼 수 있었다.

2020년 5월 7일
·
0개의 댓글
post-thumbnail

포트폴리오(04 : mock up 만들기)

항상 시작은 작게 모바일 레이아웃이 쉽고 간단하기에 금방 시작할 수 있다.그 후에 media query를 활용하여 큰 화면에 맞게 레이아웃을 수정할 수 있다.

2020년 5월 7일
·
0개의 댓글
post-thumbnail

Algorithm(빅오 표기법:Big-O Notation)

Big-O 표기법이란? 알고리즘의 효율성을 수학적으로 표기하는 방식 시간과 공간 복잡도를 표현해 준다.

2020년 5월 6일
·
0개의 댓글

포트폴리오(03 : 패키지 매니저 선택 NPM vs Yarn)

npm이나 yarn이 패키지를 관리해주는 매니저라고 알고는 있었지만 어떤 패키지를 어떤 기준으로 선택해야하는지에 대해서는 모르고 사용해 왔었다. 이번 포트폴리오는 이전 프로젝트와 달리 프로젝트 진행속도에 지장이 있더라도, 궁금하지만 시간에 쫓겨 그냥 넘어갔던 기술부채

2020년 5월 2일
·
0개의 댓글