sudo chown -R user.user 파일이름 chown 명령으로 파일의 사용자와 그룹을 동시에 변경한다. -R 을 붙이면 하위 모든 폴더 파일의 소유자를 변경한다 nodemon kill 방법 - ec2에서 nodemon / node를 킨 후 끄지 않으면 vscode 기준으로 다른 pc에서 작업시 서버로그를 보기 힘들다. ps -ef | grep node : node가 들어간 실행 중인 프로세스를 보여줌 kill -9 [숫자] : 위의 명령어를 치면 프로세스에 할당된 숫자를 입력하면 해당 프로세스가 종료됨ex) kill -9 9754 apache2 설정sudo a2ensite 파일이름 sudo service apache2 restart

"files.associations": { "*.tpl": "html", "*.master": "html" }

ec2에서 css를 수정하고 강력 새로고침까지 하였으나 css가 적용되지 않는 문제가 있었다. 아파치의 css reload 설정을 통해서도 해결이 가능할 거 같지만 아파치 설정에 대한 정보를 찾기 전에 아래의 해결법을 찾았다 css파일의 뒤에 querystring으로 ver을 기입 합으로써 css파일이 이전과 달라졌음을 명시하는 방법이다.

vscode를 사용하여 ec2 리모트 extention 다운로드 : remote development ec2 pem키 또는 비밀번호 설정 f1 누른 후 opne config 둘 중 아무거나 Host vscode에서 사용 할 이름 HostName ec2호스트주소 User ec2유저이름 IdentityFile ~/.ssh/aws_ec2.pem identityfile을 사용하려면 해당 경로에 pem키를 넣어야함

개인서버로 사용할 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 - 검색엔진 등에 제공하기 위한 정보의 종류(메타 데이터..