그저.. 잡담하는 글입니다. 썸네일은 곱창으로 시작합니다... 현재 랜덤채팅웹앱을 만드는걸 진행하고있습니다! 음.. 지금까지 구현한거는 정말 간단하게 Express + Socket.io + React(+Router) + Mobx 정도..로 구현했어요. 보고 싶은 분들은.. 클릭! (사람은 없음 ㅠㅠ) : www.jacarnad.com 현재 구현 : 1...
Short-Circuiting - && 는 두 연산자 모두 true면 true를 리턴, 그렇지 않으면 false를 반환한다. - `는 두 연산자가 모두 false이면 false를 리턴, 그렇지 않은 경우들엔 true를 반환한다. &&, ` operator는 항상 boolean 만 리턴하는건 아니다. 어떠한 값이던 반환할 수 있다. - &&은 첫번째 ...
많은 사이트에서 버튼을 클릭하면 정해진 텍스트를 클립보드로 카피할 수 있는 기능을 사용하고 있습니다. copy-gif.gif 클립보드에 데이터를 복사하는 방법은 execCommand API 를 사용하거나 ClipboardAPI 를 사용하는 두 가지 방법이 있습니다. ClipboardAPI는 비교적 최신 스펙으로, 아직 지원되지 않는 브라우저가 많습니다...
Github에서 유명한 자바스크립트 면접 질문들을 정리해보고 있습니다. 원본 , 번역을 참고 하였습니다. 일반적으로 웹 사이트의 전역 스코프를 그대로 두고 건드리지 않는 것이 좋은 이유는 무엇인가요? 전역 스코프에 저장되어 있는 값들은 어디에서나, 누구나 사용 가능 하기 때문에 값을 변경하기 쉽다. 그렇기 때문에 변수 충돌이 일어나면서 에러가...
들어가며 Code Signal의BoxBlur 라는 문제를 풀었다. 문제는 아래와 같다. image 코드 시그널은 문제를 풀고 난 뒤 다른 사람의 코드를 볼 수 있다. 코드는 따봉(추천)을 많이 받은순으로 나열되고, 따봉을 많이 받은 코드는 좋은 풀이(?)라는 간접적 증거이기에 나는 그 코드를 참고해서 풀이의 의도를 훔치려는 노력을 한다. 보통은 끙끙대...
들어가며 destructing assignment 가 ES6 에 추가되었다는데..JS를 시작한지 얼마안된 사람들은 도대체 그 기능을 어디다 써야 하는지 알수가 없다. 사실 대다수의 새로운 기술은 다량의 삽질과 고통을 줄이기 위해 탄생되었다. 그래서 어떤 기술에 대한 이해를 위해 일정량의 고통이 필요하다.나 같은 초보자의 경우 기술이 없었다면 있었을 고통...
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
책 인사이드 자바스크립트를 읽고 정리한 내용입니다. - 함수는 일급 객체 ( 변수에 값으로 할당될 수 있고, 함수의 리턴값, 함수의 매개변수로 전달, 객체이기 때문에 동적으로 프로퍼티를 생성할 수 있음) - 기본 property : length, prototype - prototype과 [Prototype]] , proto 와의 차이 - 내부함수와 스...
책 인사이드 자바스크립트 내용을 정리한 내용입니다. 데이터 타입에서 꼭 알고 넘어가야하는 부분 1. 기본 타입, 참조(객체) 타입의 종류 및 각각의 특징 - 참조 타입의 특성 : 참조값을 저장, 함수의 매개변수로 전달할때 (call by value, call by reference) 2. 프로토타입은 어떤 의미인지? 3. 배열이란, 배열의 leng...
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
this 란 ? this The object that is executing the current function. 1. 함수가 어떻게 호출되냐에 따라서 this가 결정된다. 먼저 함수의 호출 패턴에 대해서 알아보자. 함수는 여러가지의 패턴으로 실행된다. - 일반 함수 실행 (Simple Function Invocation) - 함수가 obj...
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
사업자번호 validation check 를 위한 특정 규칙이 있기 때문에 참고가 필요했다. front는 아직 적용하지 않았고 backend에만 임시로 유효성 검사 코드를 규칙 파악 후, 입맛에 맞게 작성했다. - reference https://tyson.tistory.com/116 출처가 문제 된다면 바로 내리겠습니다!.
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.
생각보다 단순한 문제들이 많아서 일일이 풀어 쓰기가 비효율적일 것 같아 넘어가기로 결정.. 가운데 글자 가져오기 (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...