Programming 개발은 구글로153 [Javascript] 소수점 2자리까지 표시하기 소수점 2자리까지 표시하기 🟦 float 2 decimal Math.round(data * 100) / 100 🟩 N번째 자리에서 반올림 toFixed(N) 으로 입력하면 N+1번째 자리에서 반올림을 하게 됩니다. (Math.round(data * 100) / 100).toFixed(2); 2023. 1. 2. [CSS] !important 사용 !important 사용 CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. width: auto !important ※ 만약 나중에 설정한 값이 적용되지 않게 하려면 속성 값 뒤에 !important를 붙입니다. p { color: blue; } p { color: red; } 문단의 글자색을 마지막에 설정된 color 값인 red로 디스플레이가 됩니다. p { color: blue !important; } p { color: red; } blue 다음에 !important를 붙이면, 문단의 글자색이 blue로 유지가 됩니다. 2022. 12. 1. [RxJava] Subject 클래스, ConnectableObservable Subject Subject 클래스에는 대표적으로 AsyncSubject, BehaviorSubject, PublishSubject, ReplaySubject가 있다. public abstract class Subject extends Observable implements Observer Subject의 가장 큰 특징은, Observable을 상속하고 Observer를 구현하고 있어 Observable처럼 쓰일 수도, Observer처럼 쓸 수도 있다는 것이다. 🟩 AsyncSubject 클래스 AsyncSubject 클래스는 Observable에서 발행한 마지막 데이터를 얻어올 수 있는 Subject 클래스입니다. 완료되기 전 마지막 데이터에만 관심이 있으며 이전 데이터는 무시합니다. 완료되기 전까지.. 2022. 12. 1. [Android] Activity 화면 켜짐 유지 및 해제 코드(Keep Screen On) Activity 화면 켜짐 유지 및 해제 코드 Console 로그를 보다가 아래 사항이 뭔지 궁금해서 찾아봤습니다. I/DecorView: notifyKeepScreenOnChanged: keepScreenOn=false App 자체적으로 화면이 꺼지지 않도록 유지해야 하는 경우가 있습니다. 이때, 직접 코드를 추가해줘야 기기 기본 설정에 따르지 않고 강제적으로 화면을 유지할 수 있습니다. getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 화면 켜짐 유지 getWindow().clearFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 화면 켜짐 해제 2022. 11. 30. [NPM] npm package.json 버전 명시 시 캐럿(^) 사용하기 npm package.json 버전 명시 npm 문서에는 package.json 에서 아래의 방식으로 버전 명시를 할 수 있다고 되어 있습니다. 1.2.3 >1.2.3 >=1.2.3 = 0.1.1 = 0.1.0 = 0.0 < 1.0 Node.js 와 npm의 모듈은 모두 Semantic Versioning(축약 SemVer)를 따르고 있습니다. SemVer 알아보면, MAJOR 버전은 API의 호환성이 깨지말한 변경사항을 의미한다. MINOR 버전은 하위호환성을 지키면서 기능이 추가된 것을 의미한다. PATCH 버전은 하위호환성을 지키는 범위내에서 버그가 수정된 것을 의미한다. MAJOR version when you make incompatible .. 2022. 11. 7. [CSS] CSS란 무엇인가? CSS(Cascading Style Sheets) : HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다. CSS를 사용하는 이유 HTML 만으로 웹 페이지를 제작할 경우 HTML 요소의 세부 스타일을 일일이 따로 지정해 주어야만 하는데 이 작업은 매우 많은 시간이 걸리며, 완성한 후에도 스타일의 변경 및 유지 보수가 매우 힘들어집니다. 이러한 문제점을 해소하기 위해 W3C(World Wide Web Consortium)에서 만든 스타일 시트 언어가 바로 CSS입니다. CSS 버전 인터넷의 발전에 따라 CSS는 현재까지 새로운 버전이 계속해서 발표되고 있습니다. 현재 최신 버전의 CSS 표준 권고안은 CSS Level 2 Revision 1 (CSS 2.1)입.. 2022. 10. 31. [Javascript] Object 배열에서 객체와 JSON 내용 확인 Object 배열에서 객체 확인하기 let myJson = JSON.stringify(myObject) // Object를 JSON으로 변환 console.log(myJson) // 각 객체 정보 출력 ※ JSON.stringify라는 메소드를 이용하여 객체(오브젝트 object)와 JSON의 내용을 그대로 콘솔에 출력할 수 있습니다. 2022. 10. 17. [Javascript] Timestamp to date converter(convert to timestamp) Converter Timestamp Date 아래의 사이트를 이용하시면 편리합니다. Timestamp Converter https://www.epochconverter.com/ 2022. 10. 17. [프로그래머스] 문제 설명 및 풀이 프로그래머스 프로그래머스 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 연습 문제 관련 문제 설명 및 풀이 https://programmaster.tistory.com/ Mastering a program programmaster.tistory.com ※ 비영리 및 비상업적인 블로그에서 따로 정리합니다. 2022. 10. 7. [정보] RGB 값<->HEX값으로 변환 RGB 값HEX값으로 변환 RGB 값을 HEX로 변환하거나 반대로 HEX값을 RGB값으로 변환하기 위해 구글링을 하는 경우가 가끔 있어서 정리합니다. RGBHEX 변환 및 Color Picker에서 값 확인이 필요한 경우 아래의 사이트를 참조하세요. 참조 사이트: RGB↔HEX 변환하기 https://www.toolo.kr/color-convert/ 2022. 9. 27. [CSS] z-index position 속성 사용 z-index position 속성 position 속성을 이용하면 요소를 겹치게 놓을 수 있습니다. 이때 요소들의 수직 위치(z축)를 z-index 속성으로 정합니다. 정수 값이 클 수록 위로 올라오고, 숫자가 작을 수록 아래로 내려갑니다. 참고 글: CSS / z-index / 요소의 수직 위치 정하는 속성 https://www.codingfactory.net/10878 2022. 9. 26. [Javascript] 삼항 연산자 사용 방법 Javascript 삼항 연산자 기본적인 사용법은 아래와 같습니다. const value = data ? '참일 경우 값' : '거짓일 경우 값' 아래 처럼 축약으로도 사용할 수 있습니다. const value = a?.b?.c ? '참일 경우 값' : '거짓일 경우 값' ※ a.b.c의 값을 체크하기 전 a와 b에 값이 존재하는 지를 먼저 확인할 수 있습니다. 추가로 ?? 를 사용하여 undefined와 null 을 체크할 수 있습니다. const value = data ?? '' // data 가 undefined 또는 null이면 ''로 대치함 2022. 9. 22. 이전 1 2 3 4 5 6 ··· 13 다음 728x90
