profile
프론트엔드개발자

TIL 2020/07/03

useradd-새 유저를 만들거나 유저의 기본 정보를 변경하거나 새유저를 2차 그룹(secondary group)에 추가 usermod 명령 – 시스템 계정을 수정 및 기존 사용자 계정을 변경 예들들어 도커실행시 사용자가 도커그룹에 추가되지 않았을 경우 sudo권한

2일 전
·
0개의 댓글
post-thumbnail

TIL 2020/06/10

dropdown 메뉴에서 하위메뉴 오픈시 상위메뉴가 밀려나는식의 트랜지션 구현시 위와같이 구현하면 됨가로폭이 1415픽셀이하에서 사이드메뉴가 사라지게 구현하고자하였다.사이드바옵션이1번 폭1415px이상에서 toggle on2번 폭1415px이상에서 toggle off3

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

S3 Route53 연결하기

버킷이름은 구매한 도메인명과 같게 설정한다퍼블릭 엑세스 블록도 해제한다빌드파일 업로드시 public permissions을 허용한게 설정한다퍼블릭엑세스 그룹설정헤서 list object,write object권한을 허용한다.버킷정책설정cors설정route53서비스로 이

2020년 5월 22일
·
0개의 댓글
post-thumbnail

travis.yml작성

sudo: required - 아래의 명령어를 실행시킬 때 sudo의 권한을 요구 services - 실행되고 있는 docker의 copy를 가져옴before_install - script( 테스트 로직)이 실행되기 전 설치되어야 할 파일들을 의미. 참고로 아래 sc

2020년 5월 19일
·
0개의 댓글

Dockerfile,docekr-compose.yml작성

Dockerfile `FROM node:alpine : 사용할 이미지,alpine이란 도커에 필요한 기능을 담은 경량 리눅스.node:` 를 추가하여 node 이미지와 함께 node에 필요한 alpine의 기본 기능을 가진 base image를 가져옴 `WORKD

2020년 5월 19일
·
0개의 댓글

Docker 명령어 정리

docker ps실행중 컨테이너 조회docker ps -a 정지된 컨테이너 조회docker stop <containerId>,<containerId>docker start <containerId>컨테이너 시작docker attach <contain

2020년 5월 19일
·
0개의 댓글

TIL 2020/05/17

react-router에서 특정url로 이동시 Link태그를 사용할 수도 있지만 react-router V5부터useHistory hook을 이용하여 클릭이벤트를 함수형태로 만들 수 있다Material Ui에서 hovable menu를 만들고자 할때 button에 on

2020년 5월 16일
·
0개의 댓글

TIL 2020/05/15

dates props를 여러단위로 나눠 렌더링하는중 divideDates 의 result를 {}로 설정했더니 초기 렌더링시 divideDates의 return값이 {}이 되어 map이 돌아가지 않았다.해결방법은result의 초깃값을 렌더링가능값 값으로 바꿔주거나 da

2020년 5월 15일
·
0개의 댓글

html스크롤 값 다루기

스크롤의 현재위치 가져오기특정위치로 스크롤 보내기특정요소의 스크롤위치 가져오기

2020년 5월 7일
·
0개의 댓글

HTML태그의 value값 가져오기

document.getElementsByClassName("className")으로 요소를 가져오면 1개만 있어도 배열형태로 가져오기 때문에 document.getElementsByClassName("className")\[0]과 같이 원하는 인덱스값을 줘야 원하는 v

2020년 5월 7일
·
0개의 댓글

TIL 2020/05/06

span태그에 width를 주고싶으면 display속성을 inline-block으로 주면 된다

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

TIL 2020/05/03

숫자를 문자열로 변환해야 되는경우가 있었는데 JSON.stringfy를 해도 문자열로 바뀌지 않는 상황이 있었는데 템플릿 리터럴로 문자열로 변환하였다.

2020년 5월 3일
·
0개의 댓글

화살표함수에서의 {}사용

화살표함수에서 화살표다음값이나 소괄호로 싸인 부분이 리턴된다중괄호로 감쌀경우 return을 붙여주지 않으면 리턴값이 없다.

2020년 5월 3일
·
0개의 댓글

TIL 2020/05/03

-for문안에서 useState나 setState를 쓰지 않는다. setState는 state값을 즉시 바꾸지 않고 pending 상태로 변환한다.따라서 setState후 state값에 접근하는것은 존재하던 값을 반환한다.setState가 동기적으로 작동한다고 생각하면

2020년 5월 2일
·
0개의 댓글

확인창 설정하는 법

2020년 4월 19일
·
0개의 댓글

객체,배열의 불변성을 유지하는 법

\`\`function updateVeryNestedField(state, action) { return { ...state, first: { ...state.first, second: { ...state.first.secon

2020년 4월 19일
·
0개의 댓글

computed property name

객체의 키값을 표현식을 통해 지정한다.{ ...item1, action.payload.rowName: item1action.payload.rowName.map( (item2, index) =>

2020년 4월 19일
·
0개의 댓글

TIL 2019/04/15

padding값을 주면 전체 크기가 늘어난다.예를 들어 div태그의 height:100px에 padding-top:30px을 주면 전체높이는 130px;이 된다.

2020년 4월 15일
·
0개의 댓글

TIL 2019/4/7

z-index로 겹칠시 겹치는 부분에 div같은 태그가 있을시 해당 태그의 포지션이 이상한데로가므로 z-index는 신중히 사용하자

2020년 4월 7일
·
0개의 댓글