본문 바로가기

전체 글

(98)
Linux 명령어로 Log Parsing하기 One Folder gunzip -c *.gz | awk '{print $5}' | sort -nr | uniq -c | sort -nr gzcat Find Multiple Folders find . -type f -iname "*.gz" -exec gunzip -c {} + | awk '$14 ~ /40.*/ {print $0}’ Find Multiple Folders with conditions find . -regextype sed -regex “.*201804\(26\|27\|28\).* ”-exec gunzip -c {} + | awk '$14 ~ /40.*/ {print $0}’ find . -type f -regex ".*" -exec gunzip -c {} + | awk '{print $1..
Ref 사용법 https://blog.logrocket.com/how-to-use-react-createref-ea014ad09dba/
Arrow Function 및 전역객체의 의미 출처 : https://blueshw.github.io/2017/07/01/arrow-function/ https://blueshw.github.io/2017/07/01/arrow-function/ blueshw.github.io 핵심 객체지향 언어에서의 일반적인 this 의 의미(현재 객체를 지칭)와는 달리 자바스크립트의 this 는 실행시의 context 를 말하죠 Example render() { return Goodbye bind without this; } 여기서 handleClick이 Arrow Function이 아니라면 Undefined 가 호출이 된다 그 이유는 - render() 에서의 this.handleClick은 WithoutBindTest의 handleClick을 말하는게 맞으나 ..
Props vs State https://yuddomack.tistory.com/entry/4React-Native-State%EC%99%80-Props-2%EB%B6%80Props 4.React Native State와 Props - 2부(Props) 이 글은 4.React Native State와 Props - 1부(State)와 이어집니다 Props props는 커스텀 컴포넌트와 관계가 깊습니다. 썩 와닿는 예는 아니지만 이번엔 사용자 별로 버튼을 각각 만든다고 가정해봅니다. 거두절.. yuddomack.tistory.com
No-Cache vs No-Store 참고 사이트 http://wpcertification.blogspot.com/2010/07/difference-between-no-cache-and-no.html cyberx.tistory.com/9 No-Cache : The browser may re-use the image but browser will always check the content’s change from origin If the origin’s image is updated : the image will be fetched from origin with 200. If the origin’s image is not updated : 304(Not Modified) will occur. No-Store : Do Not Store the..
Bind Method 자바스크립트 bind 메소드 Function 객체에서 기본적으로 가지고 있는 메소드 중 call / apply / bind를 많이 사용하는데, call, apply와 bind의 차이점을 알아보자. 우선 call, apply는 함수를 즉시 호출하고, 컨텍스트를 수정할 때 사용된다. (call과 apply에 대한 글 : http://jess2.tistory.com/117) 그러나, bind는 나중에 해당 함수를 이벤트에서 유용한 특정 컨텍스트로 호출할 때 사용된다. call과 apply는 즉시 함수를 호출하지만, bind는 나중에 실행될 때 함수를 호출하기 위한 올바른 컨텍스트를 갖게되는 함수를 반환한다. 이 방법은 비동기 콜백 및 이벤트에서 컨텍스트를 유지 관리할 수 있다. 즉, 특정 함수에 대해 원본 함..
Component LifeCycle API LifeCycle Map 자세히 알아보기 Constructor constructor(props){ super(props); console.log("constructor"); } 생성자 메소드로서 컴포넌트가 처음 만들어 질 때 실행됩니다. 이 메소드에서 기본 state 를 정할 수 있습니다. componentWillMount componentWillMount(){ console.log("componentWillMount"); } 컴포넌트가 DOM 위에 만들어지기 전에 실행됩니다. render 컴포넌트 렌더링을 담당합니다. componentDidMount componentDidMount(){ console.log("componentDidMount"); } 컴포넌트가 만들어지고 첫 렌더링을 다 마친 후 실행되..
Var, Let, Const 차이 Var는 변수 재설정, 재할당 가능 Let은 변수 재설정이 불가능하지만 재할당 가능 Const는 변수 재설정, 재할당 불가능 // var var c = 'test' var c = 'test2' //가능 c = 'test3' //가능 // let let a = 'test' let a = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared a = 'test3' // 가능 // const const b = 'test' const b = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared b = 'test3' // Uncaught TypeError:As..