One more thinking

기업 정보 서울 성동구 소재 자동차 공유 서비스 스타트업 지원 경로 외국계 헤드헌팅 회사 지원 포지션 웹 프론트엔드 개발 채용 진행 프로세스 서류전형(합격) - 전화 면접(합격) - 기술 면접(탈락) 지원 시기 2020년 상반기 전형 경과 일정 서류전형 결과(2일) - 전화 면접 결과(5일) - 기술 면접(3~4일) 서류전형 헤드헌팅사를 통해 기본적인 인적사항과 경력사항의 공통 지원서 제출 전화 면접 - 경력관련 내용과 기본 지식에 대한 질문 기본적으로 경력에 대한 검증 위주의 질문이 주를 이룬다. 경력상 작성하였던 프로덕트에 관한 설명 프로덕트의 구조 설명 - 어려웠던 문제를 해결한 경험 기술 면접 - 손코딩 2~3문제 실무적 문제 사용 언어 동작 관련 질문 효율적인 측면에서 코딩 내용 질문 - 현재 ..

기업 인터뷰 2021. 2. 10. 11:37

일단 저의 배경지식으로는 자바스크립트를 메인언어로 사용하는 개발자입니다. 다른 언어에 대한 경험이 극히 제한적인 상황에서 알고리즘 인터뷰 및 C에 대한 기본 개념을 배워야 할 필요가 조금 생기던 찰나에 「실전 대비 C 알고리즘 인터뷰」에 대한 책을 구입하려 했습니다. 마침 길벗에서 리뷰어를 모집한다는 소식에 저의 상황과 함께 리뷰어 신청을 하였고 리뷰어로 선정되어 책을 제공받아 학습 진행중에 있습니다. 현재 20시간 정도 학습한 상황에서의 리뷰를 작성합니다. 비전공자이며 알고리즘에 대해 개인적으로 전공 서적과 온라인 학습을 진행한 경험이 있습니다. 「실전 대비 C 알고리즘 인터뷰」은 일전에 학습했던 대학 서적과 확실히 차별되는 점은 알고리즘 인터뷰 대비를 위해 집필되었다는 느낌을 많이 받았습니다. 첫번째..

책 보기 2021. 1. 10. 17:01

실행 컨텍스트(Execution Contexts) 자바스크립트 엔진의 실행 원리 실행 가능한 코드가 실행되기 위해 필요한 환경 코드 수행 환경에 대한 여러 가지 정보를 가지고 있는 어떤 장치 코드를 실행하기 위해서 자바스크립트 엔진이 알아야하는 정보 변수 함수 선언 변수의 유효범위(Scope) this 실행 스택(execution stack) LIFO(Last In Frist Out) 실행 컨텍스트는 어떻게 만들어지는가 Creation 단계 1) Lexical Environment 생성 2) Variable Environment 생성 Execution 단계 1. Creation 단계 Lexical Environment 변수나 함수 등의 식별자를 정의하는 객체 식별자와 참조 혹은 값을 기록하는 Enviro..

기술이 된 상상 2020. 6. 9. 09:15

Problem 로마자를 아라비아 숫자로 변환하는 프로그램 Example 1. Input: "III" Output: 3 2. Input: "CXLVI" Output: 146 3. Input: "CDXCIV" Output: 494 Solution(Code: Javascript) var romanToInt = function(s) { const RomanSet = { "I": 1, "V": 5, "X": 10, "L": 50, "C": 100, "D": 500, "M": 1000 } let result = 0; for(let i=0; i < s.length; i++) { if((i === 0) || (RomanSet[s[i]]

문제풀이 2019. 11. 6. 00:38

1. JPG (Joint Photographic Experts Group) - 사진 이미지를 위해 개발된 형식으로 손실 압축 기법을 사용. - 여러 번 편집/저장을 반복하면 이미지 품질이 손상. - 다양한 색상이 존재하는 사진에 사용 시 품질 저하가 눈에 띄지 않음. 2. GIF (Graphics Interchange Format) - 무손실 압축 방식. - 최대 256 색상 지원. - 간단한 도형, 로고 등 색상이 적은 이미지를 지원할 때 적합. - 애니메이션 지원(초당 20프레임을 넘어설 경우 브라우저 속도 저하 초래) 3. PNG (Portable Network Graphics) - 무손실 압축 방식. - GIF에 대체제로 등장. - 8비트 256색, 24비트 트루컬러(1600만 색), 48비트 트..

기술이 된 상상 2019. 8. 12. 16:17

HTML5 학습을 위한 Specification Index를 올립니다. 학습이 완료되면 정리된 게시글로 링크가 이동합니다. Table of contents 1 Introduction 2 Common infrastructure 3 Semantics, structure, and APIs of HTML documents 4 The elements of HTML 5 Microdata 6 User interaction 7 Loading Web pages 8 Web application APIs 9 Communication 10 Web workers 11 Web storage 12 The HTML syntax 13 The XML syntax 14 Rendering 15 Obsolete features 16 IANA..

기술이 된 상상 2019. 6. 11. 13:56

VueJS Filter를 이용한 Acronym Dictionary 기능 만들기 VueJS Data Biding Variable 사용법# Javascript# Vue 객체에 데이터 바인딩된 변수를 정의한다. new Vue({ el: '#app', data: { cat: 'navi' } }) HTML# VueJS에서 데이터 바인딩된 변수를 HTML 상에서 사용하고 싶을 때는 {{ }} 를 감싸서 사용한다. {{ cat }} VueJS Filter 사용법# VueJS에서는 Text Filter를 손쉽게 정의해서 사용 가능하다. index.js에 선언된 Vue 객체에 filter 함수를 선언하고 filter 이름과 콜백함수를 선언하면 text filter가 생성된다. Javascript let AcronymDi..

기술이 된 상상 2018. 9. 19. 16:32

Javascript Front Framework 비교#Angular2 vs React vs Vue# Angular 특징#양방향 바인딩 : model과 view 의 데이터 자동 동기화의존성 주입 용이단점학습 비용이 높음타입스크립트 사용이 더 용이React 특징#Virtual Dom 사용커뮤니티 및 정보 접근성이 용이단점자식 컴포넌트 렌더링 설정 필요(성능 향상 목적)시각화 및 애니메이션 프레임 처리 속도가 상대적으로 낮음(Vue와 비교)Vue 특징#Virtual Dom 사용 (구현 방식이 더 가볍다:snabbdom 방식)구현 속도가 높다 html/css 코드 재사용이 가능적용 가능한 기능 컴포넌트 존재 (ex. 라우터, 데이터 처리)서버사이드 렌더링 가능 (비동기 처리 방식에 용이)단점커뮤니티 및 정보가 ..

기술이 된 상상 2018. 6. 12. 09:36