느닷없는 IT+人 성장기 느닷없는 IT+人 성장기

0. 드디어 실전프로젝트 끝. 끝까지 무사착륙해준 팀원들이 너무 고맙다. 발표 분위기도 나쁘지 않았던것 같고, 나름 팀원들이나 나도 각자 최종발표 끝나고 몇군데 오퍼가 들어왔다는 사실에 뿌듯하다. 아직 아무리 생각해도 한참 멀었지만 현시점의 실력보다는 지금까지 투자한 시간 대비 우리 팀의 프로젝트 방향이나 공부하는 방향에서 나름대로의 포텐셜을 어필할 수 있어서, 그런 부분을 원하시는 업체의 좋은 반응을 이끌어내지 않았을까 싶다. 사실 프로젝트 하면서도 너무 부족한게 많고, 더 공부해야 할 것 투성이고 정말 지금 아무리 잘해봐야 물리적으로 한계가 있다는걸 깨달을 수 있었다. 어느정도 프로젝트를 완성하고 나름의 포트폴리오를 갖출 수 있는 수준까지 단시간에 만들어 준 항해의 커리큘럼은 너무 좋았다. 하지만 그..

0. 이제 슬슬 끝이 보인다 지금은 느린데 돌아보면 빠르다 벌써 11주차라니 99일이면 14주차 까지라는 계산으로 앞으로 3주차 정도가 남았다 항해자체는 한달도 안남았다 수료할 즈음에는 원하는 목표를 이뤘을지 슬슬 고민이 된다 다들 비슷한 생각이겠지 이제 취업이 거의 눈앞에 와있으니 잘 해낼수 있을지 계속 생각하다보면 역시 조금만 더 빨리 시작할걸 이라는 의미없는 후회를 하게 된다 내가 할수 있는 가장 빠른 선택이었다는걸 알고는 있지만, 시작이 빠른 3기 크루들을 보면 부럽기도 하고 그렇다 시작한지 2개월만에 이정도로 내가 달라진걸 보면 확실히 성장하긴 했는데 끝까지 잘 해내야지

import 없이 react 에서 이미지를 표시하기 위해 img src 태그를 사용하면 흔히 얘기하는 엑박이 뜬다. 아주 간단한 문제지만 처음겪는 오류 해결은 다음과 같다. require 와 default 를 코드에 더해주면 문제 해결. 참고로 .default 가 있어야 이미지를 객체가 아닌 이미지 자체로 불러올 수 있다. -> import 를 사용하거나, 위와 같이 require, default 를 사용하자. (이미지 하나 때문에 import 를 한 줄씩 추가하지 않기 위한 시도였음) -> 코드스플리팅을 공부해보자. ->> 그리고 import로 모듈을 불러오는 것이 코드량을 줄이고 성능면에서도 효율적이라고 한다. 따라서, 가급적이면 import 하자. (모듈을 불러올때 사용하지 않는 코드를 웹팩의 tr..

0. 실전프로젝트 4주차 끝. 이제 2주 남았다. 게다가 항해 수료까지 약 한달이 남았다. 1. 이번주 공부하고 프로젝트에 사용중인 것. 지난주까지만해도 Jest로 테스트코드를 구현해보려고 했다. 하지만 결론부터 이야기하면 Cypress 로 테스트를 변경하기로 했다. 가장 큰 이유는 사용자 관점 이다. Cypress 는 E2E 테스트 방식이고, BDD 에 적합한 테스트 프레임워크이다. 프론트엔드가 추구해야할 가장 핵심적인 Goal 중 하나가 사용자 관점, 사용성이라고 생각한다. 프로젝트, 비지니스의 이해 + 사용자의 비지니스 이해가 같은 align 을 유지하기 위해서도 프론트엔드는 사용자 관점을 고민해야한다. 그래서 이번 프로젝트에서 테스트는 Cypress 로 진행하기로 했다. 사용자의 액션 시나리오를 ..

Cypress? - 자바스크립트 E2E (End-to-end) Test 프레임 워크 https://docs.cypress.io/guides/overview/why-cypress Why Cypress? | Cypress Documentation What you'll learn What Cypress is and why you should use it Our mission, and what we believe in Key Cypress features Types of tests Cypress is designed docs.cypress.io TDD(Test Driven Development) vs BDD(Behaviour Driven Development) - 단어 그대로 테스트(Test) 와 행동(Beha..

Jest? - 페이스북이 만든 테스팅 프레임 워크 - 최소한의 설정으로 동작하고 테스트 케이스를 만들어서 어플리케이션 코드가 잘 돌아가는지 확인할 수 있다 - RCA 이용하면 바로 사용 가능 Jest 가 Test 파일을 찾는방법 파일이름.test.js 파일이름.spec.js tests 폴더안에 있는 파일 파일구조 - describe 안에 test(it) 이 있는 구조 describe - 비슷한 테스트 케이스 여러 테스트를 그룹화하는 블록을 만든다 it (test) - 개별 테스트를 수행하는 곳 - 각 테스트를 하나의 문장처럼 설명 - it 내부는 expect 와 matcher 로 구성된다 expect - 값을 테스트 할때마다 사용. - 혼자서는 거의 사용되는 일이 없고, matcher와 페어로 사용된다 ..

0. 또 바쁘다 이번주는 TIL 도 하나도 못쓸정도로 정신이 더 없었다. CSS 도 쳐야하고, 기능 디버깅도 해야하고, 심지어 발표준비까지 해야했다. 이걸 어떻게 다했는지 모르겠다. 하긴 했다는게 돌아서서보니 놀랍다 와우. 1. 발표준비 백엔드에 대한 공부가 정말 필요하단걸 절실히 느꼈다. 준비를 하면서 백엔드의 진행상황이나, 아키텍처구조 등을 백엔드 팀원들에게 배울수 밖에 없었다. 어쩔 수 없는 것이겠지만 너무나 당연하게도 설명에 한계가 있겠다는 생각을 했다. (물론 질의응답은 당연히 백엔드 팀원이 해주셨지만) 그래도 나는 발표를 할때 스크립트를 읽는 느낌의 발표를 최대한 지양하는 편이고, 내가 이해하지않고 말하는 발표를 하지 않으려고 한다. (해당 부분에 조금만 인사이트가 있는 사람이라면, 듣는 순간..