profile
BackEnd/FrontEnd Developer. email - corner3499@kakao.com,
post-thumbnail

[기초] 데이터로 가지고있는 html태그 띄어쓰기, 줄바꿈 속성

줄바꿈과 띄어쓰기 그대로 다 출력줄바꿈 출력, 띄어쓰기 trim 이라고 보시면 됩니다

2022년 6월 20일
·
0개의 댓글

Ubuntu "npm install" 에러, Error: Missing required argument #1

ubuntu server에서 git clone을 받은 프로젝트를 npm install 하려는 순간

2022년 6월 17일
·
0개의 댓글

InnerHTML로 추가한 button을 onclick 안쓰고 이벤트 리스너 감지로 함수 실행하기

보통의 경우 innerHTML을 사용하면서<button onclick="delete">삭제</button> 이런식으로 함수버튼까지 생성하면서 사용해도 되지만, innerHTML은 보안이슈가 있기 때문에 파싱할 텍스트가 아니라면 되도록 사용하지 않는것이 좋다.

2022년 6월 13일
·
0개의 댓글
post-thumbnail

Cloud 서버를 터미널 SSH로 접속하기 for mac

for NaverCloud, AWSITerm App을 실행합니다.환경설정 Command + ,을 엽니다.Profiles 메뉴에 General 탭에 들어가서 Command 부분에 Select Option을 Command로 변경해주고 바로 오른쪽에 실행할 명령어를 작성합니

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

객체로 된 값을 쿼리스트링(query string) 값으로 변환하기

자바스크립트를 사용하여 객체로 된 값을 쿼리스트링(QueryString)으로 변환하려면 어떻게 해야하는지 알아봅니다.! 객체의 쿼리스트링 변환은 언제 필요할까요?아래와 같은 상황에서 필요할 수 있습니다.자바스크립트를 사용하여 서버에 값을 전달할 때 쿼리스트링으로 전달하

2022년 6월 8일
·
0개의 댓글

Swiper Slide

https://velog.io/@function_dh/JavaScript-Swiper-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C-%EA%B5%AC%ED%98%84https://f

2022년 6월 8일
·
0개의 댓글
post-thumbnail

AWS RDS - 생성과 기본 설정, DB 비밀번호 변경 및 계정 확인

목차AWS RDS 생성과 기본 설정​ RDS 운영환경에 맞는 설정AWS RDS - Datagrip 연결, Username, Password 확인Database의 username과 Password 확인AWS RDS DB 비밀번호 변경RDS DB를 Datagrip에 연결A

2022년 6월 6일
·
0개의 댓글
post-thumbnail

AWS EC2 - CodeDeploy - Github Action 자동화 배포

목차\[AWS EC2 - IAM 역할 생성 및 적용]\[CodeDeploy 역할 및 애플리케이션 생성]\[CodeDeploy Agent 설치]\[프로젝트 설정]\[CodeDeploy 배포 생성]AWS EC2 자동화 배포를 하기 위한 글입니다.이전 세팅에 대한 글은 아래

2022년 6월 6일
·
0개의 댓글
post-thumbnail

AWS EC2 - 인스턴스 생성, 삭제, 원격 접속하기, IP 주소와 DNS 주소, 보안 그룹 설정, 포트 Redirect , Ubuntu MySQL 설치, Node

목차\[AWS EC2 - 인스턴스 생성하기]​ \[인스턴스 삭제 방법]\[AWS EC2 - 원격 접속하기]\[AWS EC2 - IP 주소와 DNS 주소, 보안 그룹 설정]\[AWS EC2 - 포트 Redirect하기]\[AWS EC2 - Ubuntu MySQL 외부 접

2022년 6월 6일
·
0개의 댓글
post-thumbnail

React - 프로젝트 생성하기

create-react-app 모듈 설치 create-react-app으로 프로젝트 생성

2022년 6월 5일
·
0개의 댓글
post-thumbnail

동영상 HLS란? + 특징

스트리밍 동영상을 구성하기 위해 HLS라는 것을 사용하는데, 이것이 무엇인지에 대해 알아보겠습니다.HTTP으로 영상 스트리밍을 할 때 사용하는 프로토콜을 의미합니다.이 프로토콜은 2009년에 애플에서 공개한 표준이며, 많은 플랫폼에서 HLS 프로토콜을 지원하고 활용하고

2022년 6월 5일
·
0개의 댓글
post-thumbnail

Nuxt.js Simple-Vue-Validator

Vue.js에서 Simple-Vue-Validator를 매우 유용하게 사용했던지라 Nuxt에서 사용 해보려고 합니다.프로젝트에 패키지 설치/plugins디렉토리에 /validators/ 경로를 추가한 뒤 사용할 validator.js를 만듭니다.저의 경우 회원 관련 유

2022년 5월 30일
·
0개의 댓글
post-thumbnail

[도전과제] Vue,Nuxtjs로 Youtube-Video-Player 코딩하기

들어가며( - Homebrew로 FFmpeg설치하기( - Video와 Preview 이미지 준비하기(환경 설치(- 준비 파일 : 한 개의 video 영상 Video Player HTML/CSS(💡 HTML, Javascript로 구성하는 Youtube-Player

2022년 5월 29일
·
0개의 댓글
post-thumbnail

Node Express - Sequelize MySQL 타임존 이슈

Sequelize에서 MySQL을 사용할 때 DB에 INSERT를 하게 되면, 저희나라는 세계협정시 기준으로 +09시간이라 세계협정시(UTC) 시간을 기준으로 맞춰지면서 created, updated하게 되었을 때 Data 시간이 9시간 이전 기준으로 들어가있습니다.이

2022년 5월 29일
·
0개의 댓글
post-thumbnail

Node Express - Crypto에 관하여..

💡 Javascript에서 해시 함수를 통해 암호화를 할 수 있도록 도와주는 Node.js 패키지입니다.먼저, Crypto를 알고 사용하기 전에 해시함수에 관하여 잘 모르겠다면 아래 내용을 참조하시길 바랍니다.해시함수란 글자를 입력받아, 고정된 길이의 해시값을 출력하

2022년 5월 28일
·
0개의 댓글

Mac OS Terminal 실행중인 포트 닫기

2022년 5월 27일
·
0개의 댓글
post-thumbnail

Node.js와 Firebase 연동, 방법 정리

light-mode-pngNode.js와 Firebase를 연동 환경을 위해 방법을 정리했습니다. 구글의 Javascript 프로젝트에 Firebase 추가 문서 가이드를 보는 것을 권장합니다.실시간으로 데이터를 저장하고 액세스할 수 있는 Google의 NoSQL 데이

2022년 5월 25일
·
0개의 댓글
post-thumbnail

Tabnabbing 공격과 HTML rel=noopener 속성에 관하여

💡 Tabnabbing이란 HTML 문서 내에 링크(target이 \_blank인 Anchor 태그)를 클릭 하게될 때 새로 열린 페이지(or 새탭)에서 기존의 문서의 위치를 피싱 사이트로 변경해 정보를 탈취(계정 탈취)하는 공격 기술입니다. 보통 메일이나 오픈 커뮤

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

Node Express에서 Sequelize 기본 설정

post-thumbnail시퀄라이즈 패키지를 설치합니다.프로젝트 root 경로에서 구조가 잡혀있는 경로가 있으면 이동합니다. (필자는 app/ 디렉토리 내부에 구조가 잡혀있어서 app안에 세팅)시퀄라이즈 초기화로 기본파일을 생성합니다.config/config.jsonu

2022년 5월 22일
·
0개의 댓글

Campfire Project - 개발일지

✍️ TODO먼저 해야할 일은 MySQL DB를 구축하고 Member에 관한 Table을 어떻게 구성할건지에 대해 고민한다.

2022년 5월 22일
·
0개의 댓글