fake 데이터를 사용하여 글들을 불러왔다.

프로젝트의 로고와 헤더 부분을 만들었다. 바디 부분의 그리드를 col-6으로 나누었다.

오늘 한일 PWA에 대한 글을 번역하게 되었다. PWA는 웹의 장점과 앱의 장점을 합쳤다고 한다. 번역을 하면서도 딱히 단점을 찾아 볼 수 없었다. 이건 무조건 적용을 시켜야 겠는데?? 라는 생각이 들었다. PWA의 장점 개발, 유지 비용의 절감: 단일 코드베이스에서 지원되는 여러 플랫폼이 있다. 쉬운 배포: 앱 스토어를 통해 배포하는 과정을 거칠 필요가 없다. 사용자 참여: 앱을 닫은 후에도 고객과 다시 교류하기가 더 쉽다. store 수수료 없음: 응용 프로그램의 store는 매출의 30%를 유지한다. 더 작은 크기: PWA는 종종 1MB 미만으로 짧은 시간 안에 다운로두 된다. 더 큰 도달 범위: 검색 가능성과 SEO 영향이 더 높기 때문에 PWA는 일반 기본 앱과 비교할 때 도달 범위가 증가했다...

오늘 한일 영문자료 번역 스터디에서 우리가 번역한 자료들을 공유할 수 있는 웹사이트를 제작하는 프로젝트를 시작하였다. 서버비가 들지 않도록 서버단이 없이 만들기로 하였다. 자료는 git hub 저장소에 정장을 해두고 있었는데 리엑트에서 이 gut hub 저장소 파일을 렌더 하는 것이 가능했다. 우리가 번역한 글을 공유하는 것이 목적이었기 때문에 위의 방법을 채택하였다. 댓글 기능은 discuss를 사용하기로 하였다. 이 프로젝트에서 사용할 스택은 react, react hooks, typescript, stlyed component, sndt desgin, discuss 이다. 프론트 프로토 타입을 제작하였고 나는 메인 페이지를 맡아서 진행하기로 하였다. typescript와 styled componen..

자바스크립트의 this는 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정 된다. 1. 함수 호출 전역 객체는 모든 객체의 유일한 최상위 갹체를 말한다. Browser => window Server => global 기본적으로 this는 전역객체에 바인딩 된다. 그리고 내부함수는 일반함수, 메소드, 콜백함수 어디에서 선언되었든 this는 전역객체를 바인딩 한다. // 1.내부 함수 function outer(){ function inner(){ console.log("bind: ", this) // window } } // 2.메서드의 내부함수 var obj = { method: function(){ function inner(){ console.log("bin..

trello라는 todo 어플리케이션의 클론 코딩 프로젝트를 진행하였고 아래의 Stack을 사용하였다. Front : React, Reactstrap Back : node.js, express, mysql Deploy : S3, EC2, RDS ※배포 주소: http://trello-clone.s3-website.ap-northeast-2.amazonaws.com/ 코드스테이츠에서 진행한 프로젝트에서 계속 백 부분을 맡았었기 때문에 크게 어려움은 없었다. 다만 다시 한번 서버를 구현 하면서 RestAPI에 대해서 잘못 이해하고 있던 부분을 정정할 수 있었고 Token을 어디에 저장해야 제일 안전한지에 대한 의문도 어느정도 해소할 수 있었다. 백 부분만 계속 맡아왔기 때문에 프론트에 대한 걱정이 어느정도 ..