본문 바로가기

분류 전체보기170

[Javascript] 소수점 계산시 오류 예시 자바스크립트로 소수점 계산시 결과가 예상과 다르게 나올 때가 있다. 이것은 자바스크립트 부동 소수점 곱셈 정밀도의 오류 때문입니다. let a = 0.1; let b = 0.2; console.log(a+b); // 0.30000000000000004 let c = 0.2; console.log(c*12); // 2.4000000000000004 해결방안 console.log((a + b).toFixed(2)) // 0.30 console.log(Math.round((a + b) * 1000) / 1000); - [stack overflow]: https://stackoverflow.com/questions/10473994/javascript-adding-decimal-numbers-issue Ja.. 2022. 10. 31.
[JAVA] 문자열을 날짜로, 날짜를 문자열로 변환 문자열을 날짜로 (String to Date) 1. String to Date String dateString = "2022-10-23 23:14:10"; SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); Date parsedDate = sdf.parse(dateString); 2. String to LocalDateTime String dateSting = "2022-10-23 23:14:10"; DateTimeFormatter dtf = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss"); LocalDateTime parsedLocalDateTime = LocalDateTime.parse(d.. 2022. 10. 23.
[Linux] Ubuntu 20.04 NodeJS 16 설치 1. NodeSource PPA 추가 이 명령은 Ubuntu 20.04 설치에 NodeJS 16을 설치하는 데 필요한 PPA 소스를 추가합니다. curl -s https://deb.nodesource.com/setup_16.x | sudo bash 결과 ## Installing the NodeSource Node.js 16.x repo... ## Populating apt-get cache... + apt-get update Hit:1 http://ap-northeast-2.ec2.archive.ubuntu.com/ubuntu focal InRelease Hit:2 http://ap-northeast-2.ec2.archive.ubuntu.com/ubuntu focal-updates InRelease Hi.. 2022. 10. 20.
[Javascript] Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body. Javascript에서 fetch를 사용중 나온 에러 정리 fetch 개념 fetch는 Javascript에서 사용하는 API를 호출할 때 사용한다. 첫번째 인자는 RequestInfo 또는 URL을 입력, 두번째 인자로는 RequestInit(headers,method, body 등)을 넣게 되어있다. TypeError가 나오는 경우 RequestInit에 method를 GET으로 한 경우. 이때 method를 POST 또는 PUT 등 Request Body를 사용하는 내용으로 수정하면 된다. method를 GET으로 호출하는데 RequestInit에 body를 넣은 경우. 필자에 경우 API 호출 하는 유틸을 설계중 GET으로 호출할 때로 RequestInit에 body를 넣어 나오는 에러였다. 참조.. 2022. 10. 18.
[NGINX] 구성 어플리케이션 /var/www/html : 웹 컨텐츠는 현재 경로에 구성됩니다. 서버 설정 /etc/nginx : NGINX 구성 폴더. 모든 구성 파일이 여기 있습니다. /etx/nginx/nginx.conf : 기본 NGINX 구성 파일. NGINX 전역구성을 변경할 수 있습니다. /etc/nginx/sites-available : 사이트별 서버 블록을 저장하는 폴더입니다. /etc/nginx/site-enabled : 활성화(연결)된 사이트별 서버 블록이 저장되는 폴더입니다. /etx/nginx/snippets :NGINX 구성 다른 곳에 포함될 수 있는 구성 내용이 포함되어 있습니다. 서버 로그 /var/log/nginx/access.log : NGINX가 다르게 구성되지 않는 한 웹 서버에 대한 .. 2022. 9. 28.
[Linux] Ubuntu NGINX 설치 1. NGINX 설치 sudo apt update sudo apt install nginx 기본 페이지 위치: /var/www/html 2. 방화벽 설정 - 목록 sudo ufw app list - HTTP 허용 sudo ufw allow 'Nginx HTTP' - 상태확인 sudo ufw status 3. 웹 서버 확인 # 상태확인 systemctl status nginx 4. NGINX 서버 블록 설정 - 앱 폴더 생성 sudo mkdir -p /var/www/[도메인]/html - User 설정 sudo chown -R [유저]:[유저] /var/www/[도메인]/html - 폴더 권한 설정 sudo chmod -R 755 /var/www/[도메인] - index.html 생성 이 내용은 별도로 진.. 2022. 9. 28.
[Linux] Ubuntu 현재 버전 확인 첫번째 방법 - 명령어 lsb_release -a - 결과 No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 20.04.5 LTS Release: 20.04 Codename: focal 두번째 방법 - 명령어 cat /etc/issue - 결과 Ubuntu 20.04.5 LTS \n \l 세번째 방법 - 명령어 cat /etc/os-release - 결과 NAME="Ubuntu" VERSION="20.04.5 LTS (Focal Fossa)" ID=ubuntu ID_LIKE=debian PRETTY_NAME="Ubuntu 20.04.5 LTS" VERSION_ID="20.04" HOME_URL="https://www.ubun.. 2022. 9. 28.
[Linux] Ubuntu 20.04 zsh, oh-my-zsh 설치 1. zsh 설치 - 설치확인 zsh --version - 설치 sudo apt install zsh -y && chsh -s `which zsh` - 설정 (enter치면 ~/.zshrc 파일 생성) Your Hardware Enablement Stack (HWE) is supported until April 2023. Last login: ################## from ####### This is the Z Shell configuration function for new users, zsh-newuser-install. You are seeing this message because you have no zsh startup files (the files .zshenv, .zprofil.. 2022. 9. 28.
[Linux] Ubuntu 20.04 유저 생성 - 유저생성 {USER_NAME} 이 부분에 원하는 유저 이름을 넣으면 된다. # {USER_NAME}으로 신규 유저생성. sudo adduser {USER_NAME} # {USER_NAME} 유저에게 권한 부여. sudo usermod -aG sudo {USER_NAME} - 유저삭제 sudo deluser {USER_NAME} 2022. 9. 28.
[CSS] 미디어 쿼리 (media query) 1. 미디어 타입 (media type) - all: 모든 미디어에 사용합니다. - print: 문서를 인쇄하거나 화면에 미리보기를 표시할 때 사용합니다. - screen: 테스크톱 모니터 화면 문서표시 할 때 사용합니다. (웹 브라우저는 모두 여기 해당) 2. 미디어 서술자 (media descriptor) - 논리 키워드 1. and: 모든 조건이 만족해야만 적용됩니다. ( 예: (color) and (max-width: 800px) ) 2. not: 모든 조건이 맞으면 적용됩니다. ( 예: not (color) and (max-width: 800px) ) 3. only: 미디어 쿼리를 이해하지 못하는 브라우저가 stylesheet를 사용하지 않게합니다. -그 외 width, min-width, ma.. 2022. 9. 26.
[PostgreSQL] 날짜 관련 상황별 정리 1. SELECT 1-1. 타임스탬프를 문자로 (SELECT Timestamp To String) SELECT to_char(created_at, 'YYYY-MM-DD') AS date_str FROM users; 2. WHERE 2-1. 타임스탬프 (WHERE Timestamp to Date) 2-1-1. 첫번째 방법 ( :: cast ) SELECT * FROM users WHERE created_at::date >= '2022-09-01' 2-1-2. 두번째 방법 ( function cast ) SELECT * FROM users WHERE CAST ( created_at AS date) >= '2022-09-01' 2022. 9. 23.
CSS 밑줄( _, underscore) 또는 빼기(-,hyphen) 의미 1. 밑줄 ( _ , underscore) css 예제를 보다보면 가끔 기존 제공되는 속성 이름 앞에 _이 붙어있는걸 볼 수 있다. 궁금해서 관련 내용을 검색해보니 이것은 과거 IE 버전 (5, 5.5 & 6)에서 지원하지 않는 내용을 사용하기 위해 작성해놓는 CSS-Hack이라고 찾아 볼 수 있었다. 아래에 예제 처럼 기본적으로 제공되는게 있고 제공이 안되는 브라우저 내용으로 쓰는 건데 지금은 거의 상관없다고 보면 될 거 같다. 이런게 있구나 참고용 자료. selector { property: value; /* all browsers */ property: value\9; /* < IE9 */ *property: value; /* < IE8 */ _property: value; /* < IE7 */ }.. 2022. 9. 1.