이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 3 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [박스 모델에 대...
사업자번호 validation check 를 위한 특정 규칙이 있기 때문에 참고가 필요했다. front는 아직 적용하지 않았고 backend에만 임시로 유효성 검사 코드를 규칙 파악 후, 입맛에 맞게 작성했다. - reference https://tyson.tistory.com/116 출처가 문제 된다면 바로 내리겠습니다!.
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 1 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [CSS 선택자...
생각보다 단순한 문제들이 많아서 일일이 풀어 쓰기가 비효율적일 것 같아 넘어가기로 결정.. 가운데 글자 가져오기 (https://programmers.co.kr/learn/courses/30/lessons/12903) https://github.com/songjy6565/alg-py/blob/master/programmers/level1/A6.py htt...
![[번역] Didact: 자신만의 리액트를 만드는 DIY 가이드](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/wickedev/7aead390-52bc-11e9-aca3-f744d158c72e/19VubAng-r08AkzxMzRN-5A.jpeg&width=512)
업데이트] 이 시리즈는 이전(old) 리액트(React) 아키텍처에서 시작 되었습니다. 여러분은 시작 부분을 건너뛰고 바로 [새로운 파이버(Fiber) 아키텍처를 사용하여 모든 것을 재 작성하는 글로 넘어갈 수 있습니다. 업데이트 2] [댄(Dan)의 이야기에 진지하게 귀 기울일 것: 1) 역자주 — 리덕스의 창시자이며, 2015년부터 페이스북에서 리액트...
![[번역] Didact: DOM 엘리먼트 렌더링하기](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/wickedev/0aba94c0-52bc-11e9-b2f9-4d165b968d8a/19VubAng-r08AkzxMzRN-5A.jpeg&width=512)
이 이야기는 단계별 리액트 DIY 시리즈의 일부입니다. DOM 리뷰 시작하기 전에, 사용할 DOM API를 살펴봅시다. gist 요약 엘리먼트를 DOM에 자식으로 렌더링 할 수 있게 해주는 render 함수를 만들었습니다. 다음으로 필요한 것은 엘리먼트를 만드는 쉬운 방법입니다. 다음 포스팅에서는 JSX를 Didact와 함께 사용할...
![[번역] Didact 파이버: 점진적 재조정](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/wickedev/9a0f5a90-52b0-11e9-b2f9-4d165b968d8a/19VubAng-r08AkzxMzRN-5A.jpeg&width=512)
이 스토리는 리액트 DIY 시리즈의 일부입니다. 하지만 전에 작성한 코드 대부분을 재 작성할 것 입니다. - 지금까지 시리즈를 요약하자면, 리액트 내부에서 어떤 일이 일어나는지 이해하기 위해 리액트 클론을 작성했습니다. 우리는 그걸 Didact 라고 합니다. 리액트 주요 기능에 집중하기 위해 코드를 간단히 했습니다. 먼저 어떻게 엘리먼트를 랜더링하고 JS...
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - HTML 질문 프론트엔드 면접 질문 - HTML 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - DOCTYPE은 무...
https://programmers.co.kr/learn/courses/30/lessons/12901 - solution 요일 문제... 1월 1일 금요일이 주어졌으므로 input의 날짜와 1월 1일의 차이를 7로 나눈 나머지를 이용해 요일을 구할 수 있다. - result https://github.com/songjy6565/alg-js/blob/mas...
https://programmers.co.kr/learn/courses/30/lessons/42862 - solution 단순히 lost 와 reserve 간 element 들을 최대한 많이 매칭해주는 문제이다. 인풋 수가 거대하지도 않고, 시간복잡도 또한 신경쓰일 만큼 복잡해지지가 않아서 단순하게 생각 lost 가 정렬이 되어 있다고 생각해서(아닌가?)...
https://programmers.co.kr/learn/courses/30/lessons/42748 - solution 단순 정렬 문제? 정렬에서 O(NlogN) 이 걸리기 때문에 이 부분을 줄이지 않는 이상 전체 시간복잡도는 줄지 않는다. 정렬값을 반환하는 것이 아닌 k번째 수를 반환하는 문제이기 때문에 이것저것 해보고 싶긴 하다. min(k,n) (...
https://programmers.co.kr/learn/courses/30/lessons/42840 - flow 이미 비교해야 될 대상의 규칙,패턴이 주어짐. 정답 배열만 참조하면 해결 가능한 문제, 즉 O(N) brute force 하게 풀어도 O(N) 으로 큰 차이 없음. modular 관련해서 규칙 깔끔하게 정리 되는 것 같지도 않아 단순 비교 ...
프로그래머스 js, cpp, python3 - level1 체크했을 때, 가장 먼저 뜬 문제다. https://programmers.co.kr/learn/courses/30/lessons/42576 - thinking flow N, N-1 input array 가 존재한다. 일단 무조건 한번씩은 참조를 해야 한다고 생각 - 최소 O(2N) 비교를 해야 되...
[JavaScript Tutorial] 014 Function Statements and Function Expressions 강의를 듣고 정리한 내용입니다. function은 자바스크립트에서 블럭 { }을 만드는 기본적인 방법 중 하나이다. 함수란 변수를 가지고 어떤 일을 수행하거나 계산하는 일을 한다. 함수는 기본적으로 이렇게 생겼다. - 함수 ...
초심으로 돌아가서 꾸준히 나아가 보려고 한다. 같은 문제에 대해 c++, javascript, python3 으로 각각 작성하기로 계획중이다. (너무 근본없이 이거 쓰다 저거 쓰다 하다보니 익숙해지질 않아서 몇 개를 꾸준히 써보자는 느낌?) 언어는 솔직히 중요하지 않은 것 같아 언제든 변경될 수 있다. 기존에는 빠르다고 알고 있는(착각인가?) c를 많이 ...
웹 개발 도중 임시로 dropdown 과 radio button 을 써야 될 일이 생겼다. dropdown reference https://www.w3schools.com/howto/howtojsdropdown.asp https://www.npmjs.com/package/react-dropdown https://thrillfighter.tistory.c...
🔥 Understanding Execution Context and Execution Stack in Javascript 의 내용을 번역하고 정리하였습니다. 실행 컨텍스트란 자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념이다. 코드가 실행된다면 실행 컨텍스트 내부에서 실행되고 있는 것이다. 실행 컨텍스트가 어떻게 만들어지고 변수와 ...
Styled Components 란? - 설치 $ npm install save styled-components - 사용법 (methods) Button 컴포넌트에 rotationTime 를 props 로 css 를 변경했다. *
TodoMVC 의 IIFE 즉시실행함수를 공부하며 궁금했던 Scope 개념을 정리해보았당 해당 내용은 JavsScript Scope ,Local vs Global 내용을 정리하였습니다. Mosh 만세 ! 🙌🏻 JavaScript Scope (Local vs Global) 프로그램에서 변수는 어디에 저장되어있을까 ? 프로그램은 해당 변수가 필요할 ...
Object-oriented Programming in JavaScript: Made Super Simple Mosh의 강의를 정리한 내용입니다. 자바스크립트에서 하나 이상의 메소드가 있는 객체는 크게 Factory function과 Constructor function을 이용하여 만들 수 있다. 또한 자바스크립트의 모든 객체는 constructor...