JNarin Development Story

리액트에서 게시판 모양을 하는데 table이라는 html을 사용하게 되었다. 그 과정에서 좀 정리가 필요할 것 같아 오늘도 이 글을 쓰게 되었다. 1. 태그란 table은 행과 열로 이루어진 표를 의미한다. 2. Table에 쓰이는 요소 혹은 태그 2-1. 필수 요소 - table - tr : 행을 구분 짓는 태그이다. - td : th에 대한 내용을 적는 태그이다. 2-2. 선택적 요소 - caption : 표 설명이나 제목을 입력하는 태그이다. - thead : table에서의 머리 부분으로 전체 테이블의 내용이 무엇인지 알 수 있다. - tbody : table의 내용에 해당하며, thead에 대한 내용을 정리하여 보여준다. - tfoot : table의 마지막 결과물에 대한 정리를 할 수 있다. ..

리액트를 하면서 프로젝트를 자동으로 업데이트되는 방법이 있다는 것을 알게 되었다. 하지만 아직 시도는 해보지 않았지만, 이번기회에 시도를 해보려고 한다. 1. 프로젝트에 gh-pages를 설치를 한다. yarn add --dev gh-pages 위 명령어를 사용하는 이유는, 개발자모드에서만 사용하기에 이렇게 패키지 설치를 진행하였다. 하지만, --dev를 제외한 상태로 패키지를 설치할 수 도 있다. 2. 설치가 완료 된 후 아래와 같이 패키지에 추가적으로 작성한다. // 생략 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-script..

우연히 회사에서 slack을 도입하면서 연동하는 방법에 대해 알게 되었다. 그리고 그 방법을 개인 프로젝트에 적용하여서 내 기록을 남기며 기억하기 위해 오늘도 이 글을 끄적이게 되었다. slack을 사용하는 법 먼저 slack을 사용하기 위해서는 회원가입이 필요하다. 먼저 메인 홈페이지에 방문한다. 아래처럼 무료 체험하기 Google로 가입하기가 있는데 어차피 이메일을 입력하기로 되어있어서 그냥 가입해보는 게 가장 낫다. (체험이면.. 게스트용이 따로 있어야 하는거 아닌가...? 기존 네이버가 삭제도 되지 않고 여전히 유지 중인데... 탈퇴 기능이 없고 비활성화 기능은 존재한다. 가입할 아이디 하나만은 신중하게 가입하기를 권장한다.) 먼저 개인 프로젝트를 하게 될 경우, 워크스페이스를 먼저 생성해야 한다..

리액트를 하다 보면서 HTML과 다른 점이 몇 가지가 있다. '이상하다... HTML에서는 됬는데 왜 리액트에서는 에러가 발생하지?' 라는 의문점, 리액트를 하시면서 몇개를 느낀 것들이 있을 것 같다. 그래서 오늘은 그 몇가지 다른 점을 여기다 정리를 해보려고 한다. 1. class html에서 직접 style값을 작성할 때 쓰이는 옵션으로, 원래 html에서는 class="name"으로 태그 안에 넣는다. 하지만 리액트에서는 className을 넣어 클래스를 사용한다. 이렇게 쓰이는 이뉴는 리액트에서는 클래스 함수, 화살표 함수 이런 두 가지 방식으로 코드를 작성을 하게 된다. 그렇기 때문에 class가 아닌 className이라는 명칭을 사용하는 것 같다. 2. label for html에서는 lab..