프론트엔드
-
[회고] 안녕 나의 20대 (부제: 특별할게 없다고 믿는 나와 같은 사람들에게)회고 2020. 12. 13. 22:31
2020년이 마무리 되고 있는 지금 내 자신은 변하지 않았고, 나의 시간은 멈추어있다고 생각했다. 하지만 시간은 야속하게 흘렀고, 나의 20대는 이렇게 막을 내리게 되었다. 과거를 돌아보면 10대는 기초를 다지는 시기였고, 20대는 그 기초로 나의 전문적인 힘을 기르는 시간이라고 생각 한다. 하지만 이것을 깨닫게 되니, 나의 20대는 끝났고 알 수 없는 30대가 찾아왔다. 20대를 마무리하는 지금의 나는 만기 제대를 했고, 지방 4년제를 졸업했으며, 회사 경력으로 만 4년 6개월이 된 5년차 개발자이며, 넥슨이라는 대기업에 속해있고, 석사 학위를 취득하게 되었다. 내가 걸어온 이 길이 절대 대단하다고 생각하지 않지만 감히 나는 나의 20대를 '역량 대비 최고의 성과를 거둔 시간'이라고 자신한다. 그렇기에..
-
웹팩(Webpack)간단정리 2020. 12. 9. 13:21
웹팩 너란 녀석 프로젝트를 진행 하다 보면 어떤 이유에서인지 결국 webpack(이후 웹팩)을 만나게 된다. 웹팩이 파일들을 bundle.js로 export해주는 것은 이해하고 있지만 정확한 개념과 동작방식을 알아볼 필요가 있을 것 같다. 내가 너를 만나게 된 이유 파일 압축은 방법에 따라 달라지지만 우리가 흔히 사용하는 기본 압축은 파일 용량을 줄이는 압축이 아니다. 파일 이동, 다운로드를 경험한적 있는가? 3만개의 파일을 이동하는 것과 압축 된 1개의 파일을 이동하는 것은 같은 용량이여도 큰 시간 차이를 만들어낸다. 서비스를 개발 하며 확장성, 재사용성을 위하여 각 기능별로 파일을 분리하고 성격에 따라 경로도 달라진다. 하지만 위의 압축의 예시와 같이 여러개의 파일을 서버에서 내려 받고 로딩하는 것은..
-
[React] 클래스 컴포넌트와 함수 컴포넌트간단정리 2020. 12. 4. 17:27
1. 개요 1-1. 클래스 컴포넌트와 함수 컴포넌트 - React에서는 두 가지의 컴포넌트 형태가 존재한다. - 흔히 한국에서는 클래스형, 함수형 컴포넌트라고 말하지만 공식 문서에 따르면 클래스, 함수 컴포넌트가 옳바른 표현이다. (함수형 이라고 하면 오해가 생길 수 있기 때문이다.) // 안녕 난 클래스 컴포넌트 class Welcome extends React.Component { render() { return Hello, {this.props.name}; } } // 안녕 난 함수 컴포넌트 function Welcome(props) { return Hello, {props.name}; } 1-2. Hooks의 점진적 업데이트 React 공식 문서를 확인 해보면 페이스북 또한, class컴포넌트를 ..
-
[회고] 홀로선 첫 번째 웹 프로젝트회고 2020. 9. 28. 16:46
2020년 3월 부터 약 6개월동안 웹 프로젝트를 진행하였다. 입사를 하자마자, 우연히 기존 개발자들과 바통터치를 하게 되면서 프론트엔드 프로젝트의 설계 부터 세팅까지 맡게 되었다. 나름대로 주니어의 모습에서 벗어나고 있다고 생각하지만 약 4년 7개월 동안 게임 개발자, 앱 개발자, 블록체인 서비스 개발자, 웹 개발자로 탈바꿈을 하다 보니 특정 한 분야의 깊이가 부족했다. 천년만년 팀원 중에 날 리드 해줄 사수가 있다고 생각 했는데. 새삼 나의 경력에 무게를 느끼게 되었고, 두려움 속에 반년의 시간을 보냈다. 결론적으로 많은 성장을 했지만, 나의 부족함에 아쉬움 또한 많이 남았다. 하지만, 이 경험이 나를 성장 시키는 하나의 성장통이라고 생각 하고, 해당 프로젝트가 세상의 빛을 볼 수 있을지 아직 모르겠..