분류 전체보기 183

[JavaScript] Enter 이벤트

안녕하세요. 자바스크립트에서 Enter 이벤트 작성하는 방법입니다. login_pw 아이디를 가진 곳에서 Enter를 클릭하면 이벤트가 발생합니다. keyCode를 이제는 안 쓰는 것으로 알고는 있지만, 아직 사용하는 곳도 있기 때문에 2개다 작성하였습니다. document.getElementById('login_pw').addEventListener('keydown', (e) => { if (e.key == "Enter" || e.keyCode == "13") { // 실행할 코드 user_login(); } }); 감사합니다.

JavaScript 2023.03.22

[MySQL] 데이터베이스 한글 설정하기

안녕하세요. 이번에는 MySQL 사용 시 한글 데이터 삽입을 위해 데이터베이스 utf-8 설정하는 방법에 대해서 알아보겠습니다. 방법 1. WorkBench 2. CLI 생성 3. config 파일 수정 (비추) - mysql 5.7 1. WorkBench 워크벤치에서 설정하는 방법은 간단합니다. 워크벤치에 접속 후 빨간색으로 표시한 원통을 클릭합니다. DB를 생성하는 창이 나오는데, 기본 인코딩 값을 변경할 수 있습니다. utf8로 바꾸면 한글 인코딩 설정이 끝났습니다. 오른쪽은 Default Collation으로 내버려 두시면 됩니다. 2. CLI 생성 워크벤치나 CMD 창에서 명령어로 데이터베이스를 생성합니다. 이때, utf8을 설정할 수 있습니다. 아래 코드 중에서 test만 지우고 본인이 생성하..

MySQL 2023.03.21

[Node.js] Multer 한글 깨지는 현상 고치는 방법

안녕하세요. 이번에는 Multer로 파일 저장을 할 때 한글이 깨지는 현상에 대하여 알아보겠습니다. 현재 코드는 multer을 이용하여 파일 업로드를 하는 기능입니다. 여기서 한글 깨지는 현상을 막는 방법은 코드 1줄만 추가해 주시면 됩니다. multer 버전 "multer": "^1.4.5-lts.1", 추가해야 하는 코드 file.originalname = Buffer.from(file.originalname, 'latin1').toString('utf8'); 실제 사용 코드 const upload = multer({ storage: multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'static/profile_img/'); ..

Node 2023.03.20

[CSS3] 글자 길이 ... 방식으로 보여주기

안녕하세요. 이번에는 CSS에서 글자가 칸을 넘어갈 때 ... 으로 보이는 방법에 대해서 알아보겠습니다. 앞에 tbody > tr 이거는 사용하던 코드를 가져온 거라서 있는 것이므로 신경 쓰지 않으셔도 됩니다. css 작성할 때 overflow, text-overflow, white-space 등 작성을 해주면 되는데, 이때, width 값도 필요합니다. /* 노래 제목 */ tbody > tr > td:nth-child(4) > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 300px; width: 100%; } 결과 참고 사이트 https://nh0404.tis..

HTML5 & CSS3 2023.03.19
반응형