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

Vue와 jQuery에 관하여..(feat.라이프 사이클 이해하기)

저의 경험상 아직도 크지않은 규모의 회사에서 제이쿼리(jQuery)는 많이 사용하고 있는게 현실입니다.최대한 jQuery를 사용하지 않고 Vue의 $refs라던지, JavaScript의 DOM접근 방법을 사용하고자 하는게 저의 이상향입니다. 아마도 뷰(Vue)를 배우면

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

Vuejs - 더 이상 믹스인을 사용하면 안됩니다.

vuejs믹스인은 Vue 2에서 컴포넌트 간에 재사용 가능한 로직을 공유하는 가장 기본적인 방법이었습니다. 하지만 이제 컴포지션 API를 사용할 수 있게 되면서 훨씬 더 깔끔한 방식으로 코드 재사용성을 달성할 수 있습니다.믹스인은 믹스인의 속성을 컴포넌트와 병합하여

2022년 7월 19일
·
0개의 댓글
·

Incorrect string value: '\\xEA\\xB2\\xBD\\xEA\\xB8\\xB0...' for column 오류

해당 오류는 UTF8 OR UTF8MB4 인코딩 설정이 되어있지 않아서 발생합니다.테이블 컬럼에 UTF-8 || UTF8MB4 설정을 해주어야합니다.

2022년 7월 9일
·
0개의 댓글
·
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개의 댓글
·