원문: Function-based component API (extended discussion) Composition API 제안에 반대하는 유저의 글에 대한 Evan You의 답변

안녕하세요. 메디스트림의 프론트엔드 개발자 서보현입니다. 인턴 기간중 실제 서비스에서 사용할 컴포넌트를 오픈소스 패키지화하는 프로젝트를 진행했습니다..

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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