profile
Junior Software Developer
post-thumbnail

자바스크립트 연산자 활용하기

자바스크립트 연산자 어떤것들이 있을까?자바스크립트에는 여러가지 연산자가 있다. 기본적으로 많이 사용하는 + 연산자가 있는데 개발자가 아닌 보통 사람이 생각했을 때 + 연산자의 활용 범위는 적지만 간단한 + 연산자도 코디에 다양하게 활용할 수 있다.간단하게 활용 가능한

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

React state 관리 Recoil 사용기

React에서 state를 관리하는 방법, 혹은 라이브러리들은 여러가지가 존재한다. 아주 대표적으로 Redux가 있으며 Mobx, Context API, Recoil 등 다양한 State 관리 방법들이 존대한다. 이렇게 다양한 관리 방법 중에서 어떤 것을 선택할지 결정

2021년 1월 25일
·
0개의 댓글
post-thumbnail

자바스크립트로 서버 구축 : NestJs

자바스크립트 서버 구축 자바스크립트에서 서버를 구축하는 경우 node.js와 express.js를 사용한다. 현재 회사 홈페이지는 node와 express를 사용하고 있다. node로 서버를 구축하면 어떤 프레임에 묶이지 않고 하나하나 자신이 원하는데로 구축할 수

2021년 1월 10일
·
0개의 댓글
post-thumbnail

HTML Tag와 CSS 기초를 활용한 퍼블리싱

HTML tag에는 여러 종류가 있다. 가장 많이 사용하는 tag는 아마도 div가 있겠지만 검색엔진최적화(SEO)를 위해서 HTML tag에 시멘틱 tag를 사용하는 것이 좋다고 한다.시멘틱 테그에는 위 사진과 같이 header, nav, section, articl

2021년 1월 3일
·
0개의 댓글
post-thumbnail

React, Axios를 활용하여 mailchimp API 연결

mailchimp API 연결하기

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

Emcas 초기 설정하기(cask 패키지 관리)

Emacs를 접하고 초기 설정이 없는 Emacs를 사용할 때는 불편한점이 너무 많았다. 애초에 터미널 환경에서 특별히 뭔가를 한일이 거의 없었고 intelliJ, webStrom에 익숙해져 있었기 때문에 자동완성 및 편리한 기능에 너무 익숙해져 있어서 서버환경에서 코딩

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

Mac 터미널 사용을 위한 단축키 변경팁

회사에 들어오기 전까지는 단축키 변경은 굳이 필요하지 않았다. cmd키에 금방 적응할 수 있었고 코딩할 때는 맥 단축키에 익숙해져서 편하게 사용할 수 있었다. 문제는 tmux, emacs, iTerm을 본격적으로 사용한 이후 부터였다. 이 세가지는 툴은 터미널 환경을

2020년 12월 19일
·
0개의 댓글
post-thumbnail

Linux 초보자의 Tmux 다루기

Tmux란 Terminal Multiplexer 의 줄임말이다. 한마디로 터미널을 분할해서 사용할 수 있게 해주는 툴이다. 서버에서 환경을 구성할때 vi를 통해 문서나 파일을 변경한 후에 다시 무언가를 작업하게 된다면 화면을 분할하여 사용한다면 조금 더 효율적으로 터미

2020년 12월 13일
·
0개의 댓글
post-thumbnail

아마존 EC2서버위에 React 앱 실행하기

리액트는 S3에 바로 올라서 사용할 수 있기 때문에 사실 EC2서버 위에서 리액트 앱을 사용해야할 필요성에 대해서는 의문이 든다. 지금 회사에서는 로컬에서 작업을 하지 않고 바로 서버위에서 Tmux, Emacs를 이용하여 Terminal에서 작업을 한다. 이러한 이유

2020년 12월 13일
·
0개의 댓글
post-thumbnail

React로 필터 컴포넌트 만들기

학원 팀프로젝트에서 필터를 만들어서 사용했는데 내가 만든 부분이 아니고 이해하기도 힘들뿐아니라 요구사항도 내가 생각하는 것과 달라서 다시 필터 부분을 만들어보고자 하였다.체크박스를 사용하여 테이블 데이터에 있는 값을 필터한다.체크박스 default는 체크가 없는 상태이

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

Typescript는 왜 사용해야 하는가?

학원 팀프로젝트로 만들었던 웹사이트는 Server는 자바 Front는 자바스크립트(React)로 만들었다.타입스크립트를 적용하면 좋다라는 말을 들었지만, 기간내에 결과물을 만들어야 하고 적용에 어려움을 느껴서 사용하지 못했다. 그리고 자바스크립트를 사용하면서 자바보다

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

리액트 프로젝트 오류 수정(Router)

오류코드 Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribut

2020년 11월 7일
·
1개의 댓글
post-thumbnail

React 사진 업로드 하기 (ES6활용, 미리보기)

FrontEnd 개발에는 ES6를 제대로 알아야한다.현재 FrontEnd에는 정말 다양한 라이브러리와 프레임워크가 존재한다. 그 중에 대표적으로 React, Vue, Angular를 꼽을 수 있다.물론 이 세가지 라이브러리 혹은 프레임워크들이 프론트엔드에서 계속 살아남

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