전체 글
-
[Interview] 인터뷰 경험 - 프론트 (야놀자)Interview 2020. 7. 26. 13:52
++ 광고 클릭은 블로그를 계속 운영할 수 있는 꿈과 희망 그리고 사랑이 됩니다... 경력직 이직 마지막 인터뷰 (야놀자) 채용 프로세스는 원티드 서류(1차) -> 코딩테스트(js, 2차) -> 팀 면접 (기술, 3차) [서류] 서류는 지원 후, 약 1~2주 후에 코딩테스트를 안내하는 메일과 함께 서류통과 메일이 옴. [코딩 테스트] 코딜리티를 통해서 4문제를 2시간? 2시간 반 정도의 제한시간동안 풀 수 있었다. 당시에 퇴근하고 저녁에 스타벅스에서 풀었는데, 4문제 32분 컷! 상대적이겠지만, 10~20분 동안 예외 케이스를 살펴보았을 정도로 문제 난이도는 크게 어렵지 않았던 걸로 기억한다. 이직에 슬슬 지쳐가던 상황이였기 때문에, 2시간 다 쓰지 않고 제출했다. [팀 면접] - 준비 제안을 받은 회사..
-
[Javascript] 프로토타입(Prototype)?Front-end/Javascript 2020. 7. 19. 21:33
들어가기 전에, prototype 자바스크립트로 개발을 해보았다면, 대부분의 개발자들은 prototype이라는 것을 마주쳤을 것이다. Prototype의 존재와 역할이 무엇인지 궁금하지 않을 수도 있지만, 대부분 이직 또는 취업 준비할 때 다시 만나게 될 것이다. 흐릿해진... 아주 흐릿해진 개념을 살리기 위해 다시 공부하기로 했다. (잠깐!) 자바스크립트는 객체지향인가? 나 또한, 이번 공부를 하기 전에는 자신있게 누군가에게 설명해줄 수는 없었다. 자바스크립트는 흔히 프로토타입 기반 프로그래밍이라고 한다. 위키백과에 따르면 프로토타입 기반 프로그래밍은 객체지향 프로그래밍의 한 형태의 갈래로 클래스가 없고, 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하여 복제의 과..
-
[React.js] 리액트 훅스 (React Hooks)Front-end/React.js 2020. 7. 12. 22:39
포스팅 계기 React 16.8 버전부터 Hooks를 지원함으로써, Class를 사용하지 않고 React를 사용할 수 있게 되었다. OOP를 선호하지 않거나 bind()의 불편함을 느끼던 개발자들이 해방을 느끼게 되어 많이 쓰이게 되는 듯 하다. Legacy 코드를 모두 함수형으로 바꾸기에는 무리가 있지만, 새로 시작하는 프로젝트에서는 주로 쓰일 것이기에 공부할 필요가 있었다. 훅스(Hooks) 등장 배경 Hook는 props, state, context, refs, 그리고 lifecycle와 같은 React 개념에 보다 직관적인 API를 제공할 뿐, React 컨셉을 대체하는 것은 아니다. 그리고 React 팀은 Class 개념을 제거할 계획이 없다고 한다. 따라서, 기존의 코드를 모두 바꿀 필요가 없..
-
[Interview] 인터뷰 경험 - 프론트 (O사)Interview 2020. 6. 22. 22:40
지인 추천으로 서류 접수하고 인터뷰를 보게 됐다. O사의 채용 프로세스는 서류 -> 면접 1차(기술) -> 면접 2차(HR) [면접] 담당 HR 매니저님께서 면접을 하루 안에 다 볼 수 있도록 진행해주셨다.(여러가지 팁도 주시고 ㅎㅎ) 역시 스타트업의 장점은 융통성! 실무진 시니어님들과 약 1시간 반~2시간, HR 담당자님 & 대표님과 약 1시간. 면접의 자세한 내용을 공개하는건 적절하지 않은 듯 하여, 내가 느낀 걸 공유하도록 하겠다. - 기술 면접 1부: 타 회사는 다르게 과제나 코딩 테스트가 주어지지 않는다. 세 분의 실무진과 자신의 포트폴리오를 가장 잘 설명할 수 있는 프로젝트를 가져와서 코드 리뷰를 하는 형식이었다. 최근에 진행한 프로젝트가 가장 규모가 컸고, 내가 리드했었기에 프로젝트와 구조를..
-
[React.js] 리액트 라이프 사이클(React Lifecycle)Front-end/React.js 2020. 6. 21. 17:51
포스팅 계기 당연한 말일 수도 있지만, 안드로이드, 웹 프레임워크 등 모두 life cycle을 잘 이해해야 탄탄한 개발을 할 수 있다. 이제 리액트를 시작하는 단계이기 때문에, life cycle부터 공부해보기로 했다. 라이프 사이클을 이해하기 위해서 React 인스턴스 property(props와 state) 개념이 선행될 필요가 있다. 아직 두 개념에 대한 이해가 부족하다면 위의 링크를 통해 공부하길 추천한다. Life cycle (ver 16.4^) 기존 Life cycle과는 다소 차이가 있다. 하지만 React blog에서 밝히는 변경이유는 아래와 같다. - 초기 렌더링 작업을 제어하는 방법이 너무 많아서 혼란이 됨. - Error Handling의 중단 작업이 고려되지 않아서 memory l..
-
[Javascript] call, apply, bind?Front-end/Javascript 2020. 6. 16. 21:32
들어가기 전에, this call, applly, bind를 알기 전에 꼭 알아야할 개념 this JS에서는 몰라서는 안 될 존재이다. 정.말.로 우리는 망각의 동물이기에 까먹었거나, 처음 들어보는 개념이라는 아래 이 링크를 참고할 것을 권장한다. 요약해보자면, Javascript에서 this는 객체가 속해 있는 곳을 가르킨다. Scope를 공부하시면 더 잘 이해할 수 있다. case1: 아래에서처럼 Object의 method에서의 person 객체를 가르킨다. var person = { firstName: "Daniel", lastName : "Park", id : 1, fullName : function() { return this.firstName + " " + this.lastName; } }; ..
-
[Javascript] async & await?Front-end/Javascript 2020. 6. 14. 16:17
본 글을 스터디 목적으로 작성한 글입니다 :-) github.com/Moka-react/SharingStudy Preface 흔히 생각하는 도큐먼트의 목적을 가진 정적인 문서에서, 다양한 요소들이 다이나믹하게 상호작용하는 지금까지, 모던 웹어플리케이션은 지난 몇 년 동안 큰 발전을 해왔습니다. 다이나믹한 웹의 끝판왕을 보여주는 듯한 Apple의 웹사이트가 대표적인 예시입니다. 수요가 있으면 공급이 있듯이, 우리의 수요에 따라 Javascript도 발전을 이루어왔습니다. 비동기적인 요청을 위한 큰 흐름을 보자면 XMLHttpRequest부터 Ajax, Promise, fetch, async&await까지 선택지가 다양해졌습니다. 주로 Promise로 코드를 짜오던 습관을 코드의 간결함과 가시성을 위해서 E..
-
[Interview] 인터뷰 경험 - 프론트 (C사)Interview 2020. 6. 12. 21:49
감사하게도 인터뷰할 수 있는 기회를 주셔서, 이틀 전 C사와 인터뷰를 하게 되었다. C사의 채용 프로세스는 서류 -> 과제 -> 면접 1차 -> 면접 2차 [과제] 과제는 1주일동안 충분히 할 수 있는 난이도라고 알려주셨는데, 정말 그러하였다. 현직자를 많이 배려해주신 것이 많이 느껴졌다. 코드를 하나하나 작성하다보니, 왜 이 주제를 주셨는지 곱씹게 되었다. [면접] 면접 또한, 하루 안에 다 볼 수 있도록 진행해주셨다. 다시 한번 배려를 느끼게 해주셨다. 실무진 시니어님들과 약 1시간, HR 담당자님 & 대표님과 약 1시간. 면접의 자세한 내용을 공개하는건 적절하지 않은 듯 하여, 내가 느낀 걸 공유하도록 하겠다. - 기술면접 비록 프론트엔드 프레임워크가(React, Vue) 달랐지만, 충분히 이해해주..