well-balanced

Today I Learned React를 활용하여 간단하게 CRUD 기능을 구현해보았다. 상위 컴포넌트에서 두가지 이상의 태그를 가질 경우에는 꼭 태그를 감싸줘야한다. 불필요하다고 느낄 때에도 꼭 Fragment를 이용해서라도 감싸줘야한다. function App() { return ( // fragment // fragment ); } JSX에서 CSS 효과를 주기 위해서 style 태그의 값들은 camelCase로 작성해야한다. ex) background-color 이 아닌 backgroundColor 로 사용해야 한다. class를 설정해줄 때에도 class="name" 가 아닌 className="name" 로 사용 주석을 이용할 때에는 {/* like this */} 와 같은 형식으로 이용한다...

Today I Learned React 실습환경을 구축한 후 컴포넌트를 만들어서 파일로 쪼개는 등 간단한 작업들을 해봤는데 반복하고 관련 글들 찾아보면서 계속 코딩하다보니 개념이 잡힌다. 아직 미숙하지만 그래도 새로운 걸 배워보니 좀 더 자극도 되고, 열심히 해야겠다는 생각이 든다. Props는 사용자에게 보여지는 역할을 한다. State는 결과에 영향을 끼치며, this.setState({key:value})를 통해서 변경할 수 있다. 상위 컴포넌트는 하위 컴포넌트에게 Props를 통해 값을 제공해 내부의 State를 바꾸기 때문에 하위 컴포넌트에서 상위 컴포넌트로부터 전달된 Props의 값을 수정하는 것은 금지되어 있다. 아울러 상위 컴포넌트를 동작시키려면 상위 컴포넌트 안에서 Event를 만들고 그..

Today I Learned well-balanced 커뮤니티의 코드를 리팩토링했다. JavaScript 객체 지향 프로그래밍 강의를 들었다. babel은 크로스브라우징을 해결하기 위해 컴파일러의 역할을 해서 코드를 변환해주는 소프트웨어 (JavaScript ES6에서 지원하는 class 기능은 ES6를 지원하지 않는 IE에서는 사용 불가능. 그러나 babel을 사용하면 호환 가능한 코드로 변환해준다.) class를 상속받아 이용하는 것에 대해 배웠다.

Today I Learned 오늘은 고열과 소화불량 때문에 계속 앓아누워 있다가 저녁에 좀 나아져서 죽을 먹었다. SASS(SCSS)의 기본 문법들을 알아보았다. SASS는 기초 언어인 CSS에 여러 기능들을 더해주는 CSS의 확장이다. 웹에서 동작하는 것은 CSS 이기 때문에 컴파일 과정을 거쳐야한다. 코드를 조금 리팩토링했다.

Today I Learned 커뮤니티 'well-balanced' 글목록 페이지 UI 개선했다. HBS, shortid를 활용하여 로그인 한 유저 및 글쓴이 글생성 및 글수정, 삭제 권한 부여 lowdb의 활용법을 조금 더 익혀봤다. Action Plan 코드 리팩토링! 너무 복잡하다 지금의 파일은... 다음 웹페이지로 만들 아이디어 생각해보기

Today I Learned 'lowdb' 를 활용하여 커뮤니티 well-balanced 에 회원가입한 유저의 정보를 저장했다. 'lowdb' 는 오픈소스로 운영되고 있는 json 파일 형식의 특징을 활용해 만든 작은 데이터베이스이다. Database를 활용한 MVP CRUD 기능을 구현했다. Bootstrap을 이용해 글작성, 글 상세 페이지의 UI를 개선했다. Action Plan 커뮤니티 well-balanced 코드 리팩토링 및 글목록 페이지 UI 개선

Today I Learned 생활코딩님의 Web4 - Express Session & Auth, Web5 - Express Passport, Database1 동영상 강의를 들었다. Express session을 통해 로그인 기능을 구현해보았고, Passport 모듈로 지금 만들고있는 커뮤니티 well-balanced의 로그인 / 회원가입 기능을 구현했다. 데이터베이스는 프로그래밍 적으로 (컴퓨터 언어를 이용하여) 데이터를 CRUD 할 수 있는 기능을 가지고 있다. 즉, 자동화가 가능.

Today I Learned express의 router 모듈을 활용하여 user의 조회, id별 조회, 삭제, 생성 기능을 리팩토링했다. 카테고리별 게시판 CRUD 기능을 구현하고, 이를 router를 활용하여 리팩토링했다. 유튜버 생활코딩님의 Cookie와 인증 동영상 강의를 들었다. session cookie와 permanent cookie에 대해 배웠다. cookie의 값과 Secure, HttpOnly 등의 값을 함께 사용하면 쿠키의 접근이 어려워진다. 옵션으로 path를 주면 해당 path로 들어갔을 때만 거기에 해당하는 쿠키를 웹서버에 전송한다. 옵션으로 도메인을 주면 어떤 도메인에서 동작할 것인지를 제한한다.