개인서버로 사용할 ec2와 rds를 띠웠습니다생성 방법에 대해서는 추후 시간이 있을 때 자세하게 작성하겠습니다이번 글에는 생성하면서 마주친 오류들을 정리하겠습니다개인의 경험을 토대로 잊어버리지 않게 작성되어 있어 이해가 안되는 부분이 많을 수 있습니다 rds생성 시 주의 할 점 - 생성시 마스터 아이디를 적는다. 이는 루트계정 아이디로 원격으로 접속 할 때 필요하니 기억해 둘 것 - rds 구성 탭에서 마스터 아이디를 확인 할 수 있다. ec2와 rds 연동 - ec2를 생성하면 자동으로 보안 그룹이 하나 생성된다 - rds를 생성 후 보안 그룹을 ec2의 보안 그룹으로 설정하면 ec2에서만 rds로 접속 할 수 있다 - rds 보안 그룹은 해당 인스턴스를 클릭 후 좌측 상단의 수정 버튼을 통해 변경이 ..
inline 속성과 block속성 - inline 속성 : 안에 있는 값만큼만 공간을 차지, inline속성을 height값을 가지지 않는다 - block 속성 : 한줄을 만큼의 공간을 차지 display: inline - 해당하는 엘리멘트를 inline 속성으로 바꿈 display: block; - 해당하는 엘리멘트를 block 속성으로 바꿈 display: inline-block - 해당하는 엘리멘트를 inline속성과 block 속성을 가지게함 - 높이값도 가지고 안의 내용만큼만 공간차지background url background: url(../img/header_bg.jpg) center top repeat-x;div에 원하는 이미지를 넣을 수 있다. center 속성은 이미지의 가운데 부분을 ..
쿠키 설정을 쉽게 하기 위해 npm라이브러리 js-cookie를 사용했다. 대략적인 flow는 아래와 같다1. index.html에 접속하면 pop up창이 뜬다.2-1. pop up 창에서 인풋 박스에 체크를 하면 popupCheck라는 키값과 no라는 밸류를 가진 쿠키를 브라우저에 저장한다2-2. 동시에 pop up창은 닫힌다3. index.html은 항상 popupCheck 쿠키가 있는지 확인한다. popupCheck 쿠키의 밸류가 no라면 popup을 띠우지 않는다 popUp.html 더 이상 보지 않기 closePopup 함수를 통해 인풋박스가 체크가 되면 (getElementById로 확인) 쿠키를 세팅한 후self.close() 메소드를 통해 자기 자신( popup창 )을 닫는다 index...
제로초님이 js conf에서 발표한 내용을 유튜브로 방송을 하셔서 보고 정리해 보았다. 취업 후에 php를 사용해야 해서 퇴근 후에도 2-3시간 공부를 하고 있는데 적응이 되면 바로 프로젝트를 시작해야 겠다. 아마 첫 사이드 프로젝트는 블로그를 만들지 않을까 싶다. 개발 공부 바보 유형 공식 문서를 안읽음 공식 문서를 보면서 내 프로젝트에 어떻게 적용할지 생각하면서 읽기 api만 달달 외움 어떤 것이 중요한지 안중요한지 모른다는 것 api는 하다보면 외워지는 것이므로 동작하는 원리를 이해하는 것이 중요 튜토리얼만 따라함 직접 프로젝트를 만들면서 적용해보아야 함 에러를 마주했을 대 대처 방법을 공부하지 않음 에러 메시지를 못읽음 → 에러 해결 방법을 공부해야 함 사소한 것에 집착함 원리를 이해하는 것은 좋..
DOCTYPE(DTD, 버전 지정)DOCTYPE은 마크업 언어에서 문서 형식을 정의합니다. 이는 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려줍니다. (HTML은 크게 1, 2, 3, 4 , X-, 5 버전이 있습니다) 현재의 표준 모드는 HTML5입니다 Document type declaration TITLEHTML 문서의 제목을 정의 웹 브라우저 상에서 탭 부분에 나타나집니다. 티스토리 META(웹 페이지의 정보)HTML 문서에 관한 정보를 입력하는 곳입니다표시방식(인코딩), 제작자, 내용, 키워드 등을 입력합니다 charset - 문자인코딩 방식 - UTF-8, EUC-KR 등name - 검색엔진 등에 제공하기 위한 정보의 종류(메타 데이터..
웹팩에 대해 이해하기 위해 CRA를 사용하지 않고 설정을 해보았습니다 https://www.valentinog.com/blog/babel 을 의역한 글입니다. 오류가 있으면 알려주세요 React, webpack 및 Babel 설정 방법 : 목차 다음 내용을 다룹니다webpack 설치 및 구성 방법Babel 설치 및 구성 방법React 설치 방법두 개의 React 구성 요소를 만드는 법 ( Container / Presentational )번들을 HTML 페이지에 포함시키는 방법webpack dev 서버를 설치하고 구성하는 방법React, webpack 및 babel 설정 방법 : webpack 설정npm 설정 초기화 1npm init -ycs webpack / webpack-cli 설치 1234npm i..