컴파일 후에 한글이 깨져서 \ubc18\ub0a9\uc608\uc815\uc77c 이런 식으로 나오는 경우가 있었죠? 있었을 겁니다... ㅎㅎ 저런 문장은 개발자 도구 console 창에 가서 복사하고 Enter를 치면 무슨 내용인지 쉽게 알 수 있습니다. (위의 단어를 맞춰보세요 ㅋㅋㅋ) 하지만 띄어쓰기가 있으면 조금 번거로우니까 그냥 Eclipse 자체에서 안 깨지게 하는 것이 가장 좋습니다. 이번 예시는 .properties 파일에 대한 것이지만 다른 파일이 깨지면 해당 파일도 설정을 바꾸시면 될 것 같습니다. 매우 감사하게도 밈아 님이 아주 자세히 글을 잘 올려주셨더라고요. 감사합니다. Eclipse .properties 파일 한글 깨짐 해결 1. Preferences → General → Con..
그래프를 직접 만들어서 사용하는 것은 대단하다고 생각합니다. 하지만 일을 더욱 효율적으로 하기 위해서 다른 사람들이 만들어 놓은 좋은 소프트웨어를 가지고 일을 진행하면 업무 속도도 빠르고 좋다고 생각합니다. ECharts 설치하기 1. 콘텐츠 전송 네트워크(Content Delivery Network, CDN)를 이용해서 설치하기 이런 식으로 script import 많이 해보셨을 겁니다. 2. NPM Install npm install echarts 제가 요새는 npm을 사용하지 않아서 이 방법은 사용하지 않았는데, node.js를 사용하시는 분들이라면 당연히 이 방법이 가장 간편하다고 생각합니다. 3. 직접 다운로드하여 사용하기 https://github.com/apache/echarts/blob/m..
오늘은 Object.entries 와 sort 함수에 대하여 알아보도록 하겠습니다. 제가 이 함수를 사용하게 된 이유는 객체에 있는 value 값을 시간의 순서대로 나타내고 싶어서 이러한 함수를 사용하게 되었는데, 오늘은 가볍게 동물의 수로 정렬하는 것을 알아보도록 하겠습니다. 1. Object.entries 객체의 key 값과 value 값을 list 안에 list 형태로 담습니다. const keywordCount = { '말': 3, '코끼리': 1, '기린': 5 }; let entries = Object.entries(keywordCount); console.log(entries); // [ [ '말', 3 ], [ '코끼리', 1 ], [ '기린', 5 ] ] 결과를 보시면 리스트 안에 val..
오늘은 돈이나 숫자 3자리마다 , (쉼표, 콤마)를 찍어보는 것을 알아보도록 하겠습니다. 설명에 앞서 서버에서 돈이나 숫자 데이터를 받아서 화면에 나타낼 때, 컴마를 찍으려고 한 적 많으실 겁니다. 방법이 두 가지 있는데 아마 첫 번째 방법이 가장 무난하고 간단하다고 생각합니다. 간단한 방법부터 알아보도록 하죠. 1. toLocaleString() 함수 이용하기 number.toLocaleString(locales, options) 콤마를 찍으려는 숫자와 locales 그리고 options를 넣어서 코드를 실행하면 되는 구조입니다. locales 에는 국가의 코드를 넣어야 하는데.... 엄청나게 많습니다. https://www.iana.org/assignments/language-subtag-regist..
vi로 파일 만들기 터미널에 hosose.txt 파일을 만들고 싶으면 # vi hosose.txt 라고 작성하면 hosose.txt [New]라고 생성이 됩니다. vi 종료, 저장하고 종료, 저장 안 하고 종료 vi 종료 문서를 읽고 있거나 수정하고 있다면 esc 버튼을 누르고 :q 입력하고 enter 버튼 클릭합니다. 콜론은 꼭 입력하셔야 합니다. esc -> :q -> enter 저장하고 종료 vi로 파일을 수정하고 저장하고 종료하려면 esc -> :wq -> enter 수정내용 있지만 저장 안 하고 종료 파일을 읽고 있었거나 수정하고 있을 때, esc -> :q! -> enter 입력 모드 전환 명령어 파일을 수정하기 위해서는 입력모드로 들어가야 합니다. 이 명령어들은 txt 파일을 생성해서 연습해..
모달 창 만들기 연습에 앞서 팝업창과 모달 창의 차이점을 알아보겠습니다. (모달 창을 직접 만들어보면 알게 되지만요.) 팝업 창 목적: 팝업 창은 주로 새로운 브라우징 창을 열어 다른 웹 페이지, 광고, 알림, 미디어 등을 표시하는 데 사용됩니다. 주로 웹 브라우저에서 볼 수 있으며, 사용자에게 새로운 창을 열어 웹 페이지 내용을 표시합니다. 독립 창: 팝업 창은 일반적으로 원래 페이지와 독립된 창으로 열립니다. 이것은 다른 페이지와 분리되어 동작하므로 사용자가 주 창과 팝업 창 간을 이동하거나 중복 창을 열 수 있습니다. 제한적 동작: 팝업 창은 일반적으로 더 많은 권한을 갖습니다. JavaScript 팝업 창은 브라우저의 보안 기능을 우회할 수 있으므로 팝업 창이 남용되지 않도록 브라우저에서 차단되는..
