typescript
-
[회고] 홀로선 첫 번째 웹 프로젝트회고 2020. 9. 28. 16:46
2020년 3월 부터 약 6개월동안 웹 프로젝트를 진행하였다. 입사를 하자마자, 우연히 기존 개발자들과 바통터치를 하게 되면서 프론트엔드 프로젝트의 설계 부터 세팅까지 맡게 되었다. 나름대로 주니어의 모습에서 벗어나고 있다고 생각하지만 약 4년 7개월 동안 게임 개발자, 앱 개발자, 블록체인 서비스 개발자, 웹 개발자로 탈바꿈을 하다 보니 특정 한 분야의 깊이가 부족했다. 천년만년 팀원 중에 날 리드 해줄 사수가 있다고 생각 했는데. 새삼 나의 경력에 무게를 느끼게 되었고, 두려움 속에 반년의 시간을 보냈다. 결론적으로 많은 성장을 했지만, 나의 부족함에 아쉬움 또한 많이 남았다. 하지만, 이 경험이 나를 성장 시키는 하나의 성장통이라고 생각 하고, 해당 프로젝트가 세상의 빛을 볼 수 있을지 아직 모르겠..
-
[React, TS] react-router 페이지 전환시 ScrollToTop 예제 코드간단정리 2020. 9. 17. 18:34
페이지 전환시, 스크롤 초기화가 필요해졌다. 꼭 필요하지 않아도, 해당 기능을 넣어 놓는것이 좋을 것 같다고 판단했다. '유저가 정말 작은 화면으로 높이를 고정해서 보고 있을 수도 있겠지..?' 여러가지 방법이 있겠지만, 가장 간단한 방법인 것 같고, 타입스크립트 예제가 없어 혹여 누군가에게 도움이 될 수도 있으니 포스팅 한다. 각 페이지, 특정 조건 마다 스크롤을 제어해주는 것을 제외하고 페이지가 전환 될 때(= 라우트가 변경될 때) 마다 각 페이지 별로 componentDidMount()에 입력하기에는 번거롭다. 그래서 아래 예제를 사용한다. 공식 문서에도 예제가 존재한다. 하지만, 해당 예제에서 새로고침이 발생 되었을 때는 스크롤 이벤트가 작동 되지 않는다. (1회) 검색 해보니, 해결법으로 set..
-
[TS] 타입스크립트란?간단정리 2020. 7. 15. 10:40
개요 타입스크립트는 마이크로소프트에서 개발하고 관리하는 오픈소스 프로그래밍 언어이며, 자바스크립트의 상위 조합이고 최산 ECMA스크립트를 따른다. 타입스크립트는 ECMA스크립트를 따르기 때문에, 자바스크립트의 특성을 침범하지 않고 최신 ECMA 표준을 지원한다. (ECMA) 자바스크립트를 보완하여 변수나 함수 등에 명시적으로 타입을 추가할 수 있게 타입 안정성을 높였고, 모듈화, 객체지향 프로그래밍 지원, 도구 지원등을 해준다. 특징 * 자바스크립트는 동적 타이핑 언어로 컴파일에 시간을 들이지 않고, 동적 타이핑을 수행하기 때문에 런타임시 속도가 빠르다. * 타입스크립트는 정적 타이핑 언어로 컴파일에 시간이 들지만, 컴파일 이후 동작은 자바스크립트와 같다. 위와 같은 이유로 단순히 타입스크립트는 속도가 ..