post-thumbnail

📜 reactjs 공식 문서 읽기 - Main Concepts 5

이전의 ticking clock 예제를아래와 같이 바꾸는 것이 목표이다. (완전한 캡슐화 + 재사용성)이를 위해서 state가 필요하다.Class 형으로 전환한 후, state를 추가해줬다.2가지 상황에 타이머를 조작해줄 것이다.DOM에 처음으로 렌더링 됐을 때 (mo

2020년 7월 2일
·
0개의 댓글
post-thumbnail

📜 reactjs 공식 문서 읽기 - Main Concepts 1~4

지속적으로 참고하고 싶은 리액트의 철학적인 내용을 정리하는 것이 목표가장 간단한 React 예제 선천적으로 렌더링 로직은 다른 여러 로직들과 연결이 되어있다. (이벤트 관리, 시간에 따른 state 변화, 데이터 준비 상황 등) React는 이 사실을 포용하는 의미에서

2020년 6월 28일
·
0개의 댓글
post-thumbnail

TIL 5월 11일 - Github SSH key 추가하기

SSH 프로토콜을 이용하면 원격 서버나 서비스에 접속할 수 있다. 그리고 SSH key를 이용하면 GitHub에 username과 password를 입력하지 않고도 접속할 수 있다.SSH를 셋업하기 위해서는 먼저 SSH key를 생성하고, ssh-agent에 추가한다.

2020년 5월 11일
·
0개의 댓글
post-thumbnail

TIL 5월 7일 - git checkout -- <file>, fetch, pm2 restart

git checkout -- `` 위 명령을 통해서 modified 상태인 파일을 이전 상태로 돌릴 수 있었다. 명령어 상세 pathspec과 일치하는 파일의 내용을 덮어 쓴다. pathspec pathspec은 어떻게 경로를 정의하는지를 의미한다. .giti

2020년 5월 6일
·
0개의 댓글
post-thumbnail

URL

URL은 가장 흔한 리소스 식별자다.웹을 이용한다는건 결국 리소스를 요청하고 받는 과정이기 때문에 리소스를 정확히 식별하는 것은 중요하다.리소스를 식별하는 방법으로는 리소스 고유한 이름을 부여하거나(URN) 리소스의 위치를 식별하는 방법(URL)이 있다.URN의 예로

2020년 4월 15일
·
0개의 댓글
post-thumbnail

<백의 그림자>

황정은 작가의 &lt;백의 그림자>를 다 읽었다. 작년 8월 중순쯤에 책을 처음 펼쳤었으니까 6개월이 지나서야 다 읽게 된거다. 장 그르니에의 &lt;섬>도 다 읽었다. 3개월정도만이다. 멈춘 책들을 마무리하기 시작한 이유는 뭔지 모르겠다. 근데 주말이 시작되니까 책이

2020년 2월 23일
·
0개의 댓글
post-thumbnail

<쓰기의 말들> - 나쁜 글

나쁜 글이란 무엇을 썼는지 알 수 없는 글, 알 수는 있어도 재미가 없는 글, 누구나 다 알고 있는 것을 그대로만 쓴 글, 자기 생각은 없고 남의 생각이나 행동을 흉내 낸 글, 마음에도 없는 것을 쓴 글, 꼭 하고 싶은 말이 무엇인지 갈피를 잡을 수 없도록 쓴 글, 읽

2020년 2월 20일
·
0개의 댓글
post-thumbnail

<쓰기의 말들> - '나'라는 피할 수도 물릴 수도 없는 출발점

글을 잘 쓴다는 것은 자기 글을 믿고 자기 자신을 믿는 것이다. 위험을 감수하고, 남들과 달라지려 하고 스스로를 부단히 연마하는 것이다. - 윌리엄 진서 &lt;글쓰기 생각쓰기>좋은 칼럼이나 좋은 책을 가끔 만난다. 내가 느낀 불편과 분노의 구조적 원인을 정확히 짚어

2020년 2월 18일
·
0개의 댓글
post-thumbnail

TIW 1월 30일 - todolist 3 ( delete api, preflight request )

todolist 3 List.jsx props로 {id, value, add_time}을 받는 List Component를 만들었다. XButton.jsx ( delete api 요청 ) props로 받는 id는 DB의 id(또한 PRIMARY KEY)이기도 하다. 그래서 id를 이용해서 delete 요청을 날린다. 지금은 아이템을 추가하는 기능은 없...

2020년 1월 30일
·
0개의 댓글
post-thumbnail

TIW 1월 29일 - todolist 2 ( db 연동, cors, mysql )

todolist 2 Todo.js ( db 연동 ) 컴포넌트를 렌더링한 후(useEffect) 구축해둔 nodejs-express 서버로 api 요청을 보내도록 했다. 리스트의 key값으로 전역 변수로 0부터 차례로 숫자가 증가하게 했다가 마음에 들지 않아 uuid를 사용했다. cors, mysql cors react 서버는 localhost:3000...

2020년 1월 29일
·
0개의 댓글
post-thumbnail

TIW 1월 27일 - todolist

todolist 폴더 구조 App.js Todo.js List.js 생각 TIW을 하다보면 긴 코드도 생길텐데 github에 코드를 올리고 링크랑 내용을 올리는게 낫지 않을까 싶음 간단한 todolist를 만들어보려고 하는중. 크롱마스터님의 react hooks 이해하기 강의를 들었던 것이 생각나서 비슷하게 짜보려고 하고 있다. 오랜만에 react...

2020년 1월 27일
·
0개의 댓글
post-thumbnail

TIW 1월 26일 - docker-mysql (한글, 패스워드, docker-compose secret 이용 등) 스크립트 작성

docker-mysql mysql 한글 적용 설정 초기 database 생성 스크립트화 유저 생성 및 docker-compose의 secret 기능을 이용해 mysql root, 생성한 유저 암호 보안유지하면서 설정 volume 설정으로 docker-mysql container를 새로 실행하더라도 데이터가 유지되도록함 폴더 구조 codes > mysql...

2020년 1월 26일
·
0개의 댓글
post-thumbnail

TIL 1월 26일 - jsonp

JSONP JSONP란? JSON with Padding same-origin policy를 우회하기 위해 쓰이는 기술 ` element는 cross-origin이 가능하나 ajax는 가능하지 않다. 이를 이용해서 `를 이용해 data를 요청하는 우회 기술이다. JSONP는 이제 과거의 유산이 돼버린 기술이라고 할 수 있다. 그리고 제한점이나 여러 보안이슈...

2020년 1월 26일
·
0개의 댓글
post-thumbnail

TIL 1월 25일 - curl, ubuntu 서버에 docker 설치

curl curl이란? command line tool(& library)이고, URL을 이용해 데이터 전송을 할 수 있게 한다. 정확히는 curl, libcurl 로 구성돼 있다. curl은 command-line tool libcurl은 transfer library with a C API 인터넷 프로토콜 전송과 관련된 모든 것들이 바로 cur...

2020년 1월 25일
·
0개의 댓글

피보나치 (재귀, memoize, bottom-up)

피보나치 출처 : CS dojo - What Is Dynamic Programming and How To Use It 일반적인 재귀 풀이 memoize fibonaccibottomup 궁금증, 더 공부해볼 것들 dynamic programming 풀이법에 대해 공부하기 위해서 선행한 풀이법 dynamic programming의 이름이 이상하다고 느꼈...

2020년 1월 11일
·
0개의 댓글

[BOJ] 9663 N-Queen

2019년 11월 3일
·
0개의 댓글

[BOJ] 2309 일곱 난쟁이

문제 문제 링크 왕비를 피해 일곱 난쟁이들과 함께 평화롭게 생활하고 있던 백설공주에게 위기가 찾아왔다. 일과를 마치고 돌아온 난쟁이가 일곱 명이 아닌 아홉 명이었던 것이다. 아홉 명의 난쟁이는 모두 자신이 "백설 공주와 일곱 난쟁이"의 주인공이라고 주장했다. 뛰어난 수학적 직관력을 가지고 있던 백설공주는, 다행스럽게도 일곱 난쟁이의 키의 합이 100이 ...

2019년 10월 5일
·
0개의 댓글
post-thumbnail

TIL 7월 27일 - git 기본 조작, async/await와 Puppeteer

git 기본 조작 명령어들 git commit git branch 예시 git checkout HEAD의 위치를 옮길 때 사용 예시 git reset : 작업 내용을 되돌리는 기능인데, 브랜치가 이전 커밋을 가리키도록 해버리는 방식. git revert : 작업 내용을 되돌리는 기능,...

2019년 7월 27일
·
0개의 댓글
post-thumbnail

TIL 7월 21일 - mocha 기본 사용법, package-lock.json이란?, package.json 만들기

mocha 기본 사용법 getting started in my editor: back in terminal: set up a test script in package.json: Then run tests with: 아니면 json파일 수정은 생략하고 아래와 같이 실행해주면 된다. 참고 https://mochajs.org/#installation...

2019년 7월 21일
·
0개의 댓글