본문 바로가기

분류 전체보기253

Jekyll(지킬) 블로그에서 Tistory로 다시 오기까지 먼저 티스토리를 사용하고 있었다. 그다지 큰 불편함을 느끼지 못하며 사용했고 사실 블로그를 제대로 운영한다기 보다 그냥 보다시피 아무렇게나 쓰고 혼자 기록하는 용도가 컸다. 그러다가 회사 CTO님의 추천을 받아 Jekyll을 쓰게 되었다. 처음엔 너무 좋았다! 티스토리에선 불가능한 글의 날짜나 순서를 마음대로 바꿀 수 있다는 점 Github로 관리하여 정말 개발자스럽다는 점 markdown으로 글을 써서 좀 더 익숙하겠지라는 착각? 처음엔 잘 썼는데, '완료'를 누르면 바로 업로드 되는 티스토리와 다르게 글을 쓰고, 저장을 하고, github를 켜서, commit하고, push해야 글이 올라가는 jekyll 블로그였다. 또한 회사 컴퓨터와 개인 노트북 두개를 사용하면서 깜빡하고 한쪽에서 push를 안하면.. 2019. 12. 15.
[REACT] state * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. state - 컴포넌트 내부에서 바뀔 수 있다. props - 부모 컴포넌트에서만 바꿀 수 있다. - 컴포넌트는 props를 읽기전용으로만 사용할 수 있다. 두 종류의 state가 있다. - 클래스형 컴포넌트의 state - 함수형 컴포넌트의 state (useState 함수) import React, { Component } from 'react'; class Counter extends Component { constructor(props){ super(props); this.state = { number: 0 } } render() { const {number} = this.state; return ( {number} .. 2019. 12. 10.
[REACT] props * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. 컴포넌트를 사용할 때 - name 이 props의 하나가 된다. 리액트 - props.children을 사용하여 가져올 수 있다. propTypes를 통한 props 검증 - isRequired를 사용하여 필수 propTypes 설정 클래스형 컴포넌트에서 props 사용하기 2019. 12. 9.
[PHP] Invalid numeric literal $array = array(09,10,11,12,13,14,15,16); 라고 사용하니 Invalid numeric literal 에러가 떴다. 09 라는 수를 사용할 수 없다는 뜻으로 찾게 되었고 $array = array('09',10,11,12,13,14,15,16); string으로 바꾸어 문제를 해결하였다. 2019. 12. 9.
[REACT] 컴포넌트 * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. 클래스형 컴포넌트 컴포넌트를 선언하는 방식은 2가지 - 함수형 컴포넌트 function App(){ return ; } - 클래스형 컴포넌트 class App extends Component { render(){ return ; } } 클래스형 / 함수형의 차이 클래스형 - state 및 라이프사이클을 사용할 수 있다. - 임시 메서드를 정의할 수 있다. 함수형 - 클래스형보다 선언하기 편하다. - 메모리 자원도 덜 사용한다. - 크기 자체가 작다. - state와 라이프사이클 API 사용이 불가능하다. - 16.8 업데이트 이후 Hooks로 사용이 가능해졌다. 다만 방식은 다르다. ES6 문법 (화살표 함수) // ES5 .. 2019. 12. 8.
[REACT] 간단한 질문들. * 김민준님의 '리액트를 다루는 기술'을 공부하며 개인적으로 정리한 내용입니다. ES6로 작성된 코드를 왜 다시 ES5로 변환을 하나? - 구버전의 브라우저를 지원하기 위해 function App(){} - 함수형 컴포넌트 - 안에 들어가는 HTML 같이 생긴 내용도 HTML이 아니라 JSX이다. JSX란? - 자바스크립트 확장 문법 - 공식적인 문법이 아니다. 리액트에서만 쓴다. JSX 문법 - 컴포넌트에 2개 이상의 요소가 있으면 하나로 크게 묶어야 한다. // 안되는 문법 Hello React // 수정 후 Hello React - 감싸는 이유? - Virture DOM에서 효율적으로 비교할 수 있도록 트리 구조로 이루어져 있어야 하기 때문에. - div가 싫다면 Fragment를 쓸 수 있다. -.. 2019. 12. 7.
[powershell] firebase 실행 안될때, firebase.ps1 파일을 로드할수 없습니다. firebase.ps1 파일을 로드할 수 없습니다. 라는 오류가 뜰 시. PowerShell을 관리자 권한으로 실행시키고, Set-ExecutionPolicy RemoteSigned 명령어를 실행시키면 실행 가능하다. 2019. 12. 3.
iframe 내부에서 페이지 이동시 부모창 url 바꾸기 문제 팝업으로 iframe을 열어서 이용하는 방법을 개발중 iframe에서 a tag를 눌러서 이동을 하면 처음 iframe을 열 때 있었던 url이 그대로 있어서 문제가 되었다. 해결방법 iframe에서 부모창의 url을 컨트롤 할 수 있는 방법은 1. 부모창에서 함수 선언 2. 자식창에서 함수 호출 따라서 부모창에 function parentsUrl(url){ location.href = url; } 자식창에 $('a').click(function() { parent.parentsUrl($(this).attr('href')); }); 로 해결했다. 2019. 10. 1.
DataLake 설정 ec2 생성 키페어 생성 xshell, winSCP 설치 및 접속 aws-kinesis-agent 설치 https://docs.aws.amazon.com/ko_kr/firehose/latest/dev/writing-with-agents.html Kinesis 에이전트를 사용하여 Kinesis Data Firehose에 쓰기 - Amazon Kinesis Data Firehose Kinesis 에이전트를 사용하여 Kinesis Data Firehose에 쓰기 Amazon Kinesis 에이전트는 편리하게 데이터를 수집하여 Kinesis Data Firehose로 보낼 수 있는 독립형 Java 소프트웨어 애플리케이션입니다. 에이전트가 파일 집합을 지속적으로 모니터링하고 새로운 데이터를 Kinesis Data.. 2019. 9. 26.

티스토리툴바