💡 내 공부를 위한 Proxy 정리 글이다. 프록시란 무엇인가? 나는 Vue.js를 주로 작업하는 프론트 개발자이다. Vue.js에서 객체를 콘솔로 찍을 때 순수하게 객체가 아닌 Proxy로 만들어진 값들을 마주할 때가 있다. Proxy는 왜 쓰고? 어떻게 쓰는가? 이것에 대한 글이다. Why use it? 대체 왜 프록시를 쓰는가? 프록시에 공부해보니 데이터가 변환되거나 읽어지거나 여러 경우에 프록시 트랩을 통해 제공하는 기능에서 유효성 처리나 변화를 감지할 때 사용 가능하다. 내가 실무에서 프록시를 써야하는 경우라면 어떻게 쓰겠는가? 객체를 set 해야 하는 경우 유효성 처리라던지 get 해야 하는데 객체 내에 값이 없을 경우 default 값을 처리해줘야 한다던지 주요 데이터를 처리할 때 프록시를 ..
커리 패턴의 가장 중요한 쓰임새는 partially(부분적인) 쓰임이 가능한 패턴이다. **lodash 라이브러리(_.curry)**를 사용하면 편하게 쓰긴 하지만 구현한다고 해서 힘들지 않다. 기본 구현 방법 function curry(f) { return function(a) { return function(b) { return function(c) { return f(a, b, c) } } } } function sum(a,b) { return a + b } const curried = curry(sum) curried(1)(2) // 3 function sum(a,b) { return a + b } const curried = _.curry(sum) curried(1,2) // 3 일반적인 호출 ..
💡 React@17 부터 `componentWillMount`, `componentWillUpdate`, `componentWillReceiveProps`는 deprecated 되었다. Mount 컴포넌트가 DOM에 붙는 과정. context, defaultProps, state 저장 componentWillMount 메소드 호출 [react@17 deprecated] render메소드로 컴포넌트 DOM에 부착 (여기까지도 마운트 중에 속함) 마운트 완료 지점에서 componentDidMount 메소드 호출 componentDidMount에서 DOM 접근 가능 이 시점에 비동기요청 또는 setTimeout, setInterval 실행 Props Update props가 변경될 때의 과정. 업데이트 발생 ..
수영을 8시로 잡은 덕에 7시까지 야근아닌 야근을 하게 됐다. 회사 마치고 수영장으로 가서 어떠한 설명도 못듣고 탈의실로! 탈의실에서 다른 여자분에게 물어물어 여러가지를 알게되었다. 우리 수영장은 시설은 오래되었지만 탕도 있고 너무 좋다. 수영복을 입는거부터가 나에겐 훈련이였다!!! 실리콘 수모는 어떻게해도 나를 이쁘게 만들어주지 못했다 ㅠㅠ 뻘쭘뻘쭘하게 내려가서 뻘쭘뻘쭘하게 기웃기웃거리다가 젤 뒤에 의자에 앉아서 기다렸다 ㅋㅋㅋㅋ 8시가 다 되어가자 나와 비슷한 뻘쭘뻘쭘한 사람들에 등장했다! 오늘 처음 시작하는 사람들은 나 포함 4명이였다. 수린이 수린이 수린이 수린이 음파 음파부터 시작했는데 물을 별로 안무서워해서 그런지 괜찮았다. 발차기가 진짜 토 나오는줄 알았다. 강사님 말씀에 따라 한시간이 훌쩍..
취미부자로 거듭나기 위한!! 살이 너무 쪄서 무릎이 너무 아프다. 재밌게 운동하고 싶다. 이런생각들을하던 찰나에 지인의 수영 추천으로 인해 귀가 팔랑팔랑 !! 아니 근데!! 구민센터는 원래 이렇게 박터지나요???! 너무해 ㅠㅠ 기초반 등록도 못했다.... 다 마감마감마감... 그래서 회사 근처로 15만원이나 내고 주3회 수영을 등록했다. 같은 팀 아조씨가 화목을 다닌다길래 그거 피해서 월수금으로다가! 수린이가 되기도 전에 장비빨 무시 못해지~~~~~~~~~~~~~~ 일단 내가 산거 나열 좀 해볼게여 캬캬캬캬 참나 살게 왜이렇게 많아요?! 수영장 가기도 전에 이미 내 마음 포세이돈 ~~~~~~~~~
자바스크립트 쌩기초를 벗어난 당신 대단해. 👏👏👏👏👏 자바스크립트를 알기 전에 알아야 할 몇가지가 있다. 기초 지식 👇👇👇 프로세스 (Process) 사용자가 작성한 프로그램이 메모리 공간을 할당 받아 실행 중인 프로그램 단위를 뜻한다. 프로세스는 프로그램에서 사용되는 데이터, 메모리 등의 자원 + 스레드로 구성 된다. 스레드 (Thread) 스레드란 실제로 작업을 수행하는 주체를 뜻한다. 모든 프로세스에는 한 개 이상의 스레드가 존재하며 수행한다. 한개의 스레드는 싱글 스레드, 두개 이상의 스레드를 가지는 프로세스를 멀티 스레드 프로세스라고 칭한다. 동기, 비동기 동기란 ‘동시에 일어나는’ / 비동기란 ‘동시에 일어나지 않는' 을 뜻한다. 동기적이란 뜻은 쉽게 표한하자면 이렇다. 나는 A사이트에 들어간..
바닐라 자바스크립트 성능 (속도) 비교 자바스크립트란 무엇일까? 이 페이지는 이것에 대한 간단한 소개이다. 초심자 중에도 초초초초초초심자 문서이기 때문에 가볍게 넘어갈 수 있다. 대체 자바스크립트란 무엇인가? 그리고 바닐라JS란 무엇인가? 제이쿼리는 무엇이지? 정말 아무것도 모르는 사람들은 이렇게 궁금해 할 것 이다. 자바스크립트 그것이 궁금해! 자바스크립트는 웹 브라우저에서 주로 사용되는 객체 기반의 스크립트 언어이다. (오잉 함수기반 아닌가?) JAVASCRIPT ? JAVA ? 그거 같은거 아냐? 간단히 말하자면 같은거 아니다. 자바스크립트 왜 만들었나? 자바스크립트의 등장 계기는 다음과 같다. 옛날 옛적에.. 네스케이프사에서 만든 ‘네비게이터’라는 웹 브라우저가 시장을 지배했던 때가 있다. 이때 ..
오랜만에 다시 정리 포스팅 시작! 이란 말은 공부를 다시 시작했다는 뜻입니다. 요즘 프론트엔드 기술에 기본으로 많이 보이는 타입스크립트를 느즈막히 시작해봅니다. 나란 인간은 기본 정의부터 보고 시작하는 타입이라 기본 타입부터 정리해봅니다. Boolean (true/false) let name: boolean = true; String let name1: string = 'I am Jeon'; let name2: string = `Jeon`; let name3: string = `I am ${ name2 }`; Number let name: Number = 333; Array 방법1. 배열 요소 타입 뒤에 []를 쓰는 것 let array1: number[] = [1, 2, 3]; 방법2. 제네릭 배열 타..
- Total
- Today
- Yesterday
- 리액트생명주기
- 웹퍼블리싱
- ES5
- js
- 웹퍼블리셔
- WAI-ARIA
- 수영전후기
- Issue
- css3
- jeonst
- 커리패턴
- Aria
- jQuery
- API
- 수영하기전후기
- javascript
- 환경설정
- component
- 퍼블리셔
- vue
- 이론공부
- youtube
- curring
- 자바스크립트
- 웹접근성
- 포세이돈되기까지
- props
- 퍼블리싱
- vue.js
- frontend
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |