본문 바로가기
반응형

분류 전체보기171

[CSS] CSS에서 전역변수 추가하기 CSS에서 전역변수 추가하기 전역변수 선언하기 :root 라는 가상 클래스에 전역변수를 선언할 수 있습니다. 다른 속성 선언하는 방식과 비슷합니다. 앞에 하이픈 2개 ("--")만 붙여주면 됩니다. :root { --main-color: #123456; --sub-color: #654321; } 전역변수 사용하기 var(변수명)과 같이 사용할 수 있습니다. .screen { background-color: var(--main-color); } .button { background-color: var(--sub-color); } 2022. 1. 12.
[CSS] BEM (Block Element Modifier) 방법론 Intro CSS 방법론 중에는 BEM이라는 방법론이 존재합니다. 코드 양이 적다면 구조적으로 작성하지 않아도 큰 불편함이 없지만, 코드 양이 많아질수록 구조적으로 작성하는것이 중요합니다. 이때 CSS를 적용하기 위한 클래스명을 구조적으로 작성하는 방법론 중 하나인 BEM에 대해 알아보겠습니다. 아래의 사이트를 참고하여 작성했습니다. http://getbem.com/ BEM — Block Element Modifier BEM is a highly useful, powerful, and simple naming convention that makes your front-end code easier to read and understand, easier to work with, easier to scale,.. 2022. 1. 12.
[CSS] Reset CSS Intro CSS의 기본 설정값이 브라우저마다 상이하기 때문에, 같은 코드를 입력해도 브라우저에 따라 결과가 달라집니다. 이런 현상을 방지하기 위해 브라우저의 기본 설정값을 초기화 해줘야 하는데, 이러한 초기화 코드가 작성된 파일을 RESET CSS 라고 합니다. RESET CSS 적용법은 다음과 같습니다. 프로젝트에 CSS 파일 직접 추가 CDN을 사용한 실시간 다운로드 CSS 파일 직접 추가 reset.css /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .. 2022. 1. 12.
[HTML] Head에 들어가는 태그들 Intro HTML의 Head에 들어가는 태그들에 대해 알아보자. This is my website! title 태그 내에 입력한 내용이 웹 사이트의 제목이 된다. 또한, 구글이나 Bing 등 다양한 검색엔진에서 내 웹페이지가 노출될 때 title 태그의 내용이 검색엔진에 노출된다. 검색엔진에서 내 웹페이지가 노출될 때 title 아래의 웹사이트 설명란에 content에 입력한 내용이 출력된다. 검색엔진에 웹사이트가 사용하는 언어를 알려준다. 웹 페이지가 사용하는 charset을 정의한다. 만약 설정이 되어있지 않거나 잘못 설정되어있을 경우 글자가 깨져서 출력될 수 있으므로 정확히 설정해야 한다. 웹사이트의 제목 옆에 표시될 아이콘을 설정한다. 카카오톡과 같이 다른 곳에 내 웹사이트를 공유할 때, 썸네일.. 2022. 1. 8.
[It's My Waye] 2. 기능, DB 및 UI 설계하기 기능 설계 알림(Notification) 관련 알림 읽기 활성화/비활성화 디스코드만 읽을지, 카카오톡만 읽을지, 둘 다 읽을 지, 모든 앱의 알림을 읽을지 선택 알람(Alarm) 관련 알람 활성화/비활성화 알람 비활성화 시간대 선택 웨이를 포함한 다른 판매 아이템에 대한 알람 개발 활성화/비활성화 알람 곡, 볼륨, 알람 시간, 다음 반복까지 딜레이 설정 기타 설정값 자동저장 설정값 초기화 광고 보기 (선택사항) 개발자 후원 (선택사항) DB 설계 UI 설계 좌측 하단에 동그란 버튼을 만들고 누르면 왼쪽에서 메뉴가 슬라이드 되도록 한다. 메뉴엔 Alarm, Notification, Settings 메뉴가 있다. Alarm 메뉴의 상단에 알람 전체 활성화/비활성화 메뉴가 있고, 그 밑에 알람 금지 시간대가 .. 2022. 1. 6.
[It's My Waye] 1. 프로젝트 기획 프로젝트 시작 배경 요즘 '로스트아크' 라는 게임을 재밌게 플레이하고 있다. 간략하게 설명하자면 내 캐릭터를 성장시키고, 파티를 구해 보스를 잡는 게임이다. 파티에 들어가야 하는 만큼 내 캐릭터가 강해지는 것이 중요한데, 강해지는 방법은 크게 아래 4가지로 나눌 수 있다. 아이템 레벨 강화 각인 내실 (능력치, 체력, 스킬포인트 물약) 카드 세트효과 이 중 4번 '카드 세트효과' 중 가장 좋은 세트에 포함된 '웨이' 라는 카드를 판매하는 이벤트가 아주 가끔 생긴다. 이벤트가 30분에 열리고 55분에 끝나기 때문에, 25분 안에 게임에 접속해 구매하지 못하면 그대로 놓치게 된다. (체감 상 약 2주일에 1번 정도 뜨는 것 같다) 하지만 뜨는 시간이 무작위인 만큼 간혹 잠들어 있는 새벽 시간에 뜨기도 하는데.. 2022. 1. 5.
[Android] Quick Documentation 안뜨는 현상 해결법 Intro Android Studio를 사용해 개발하다 보면 Quick Documentation이 아예 켜지지 않거나, "Fetching Documentation..." 이라는 메시지만 나와 답답할 때가 있습니다. 이번 시간에는 Quick Documentation이 뜨지 않는 현상을 해결하는 방법에 대해 알아보겠습니다. 마우스를 올려도 아무런 창이 뜨지 않는 경우 [File] - [Settings] - [Editor] - [General] - [Code Completion]의 Show the documentation pop in 옵션을 활성화합니다. Fetching Documentation 메시지만 뜨는 경우 [File] - [Settings] - [Appearance] - [System Settings.. 2021. 12. 23.
[Android] 다른 앱 알림(Notification) 읽기 Intro 안드로이드 앱을 개발하다 보면 다른 앱의 알림을 읽어야 하는 경우가 있습니다. 이번 시간에는 안드로이드에서 다른 앱의 알림을 읽어오는 방법에 대해 알아보도록 하겠습니다. Notification Listener 서비스 생성 알림을 받아오기 위해 서비스를 생성해야 합니다. 아래의 코드를 직접 타이핑하거나, [New] - [Service] - [Service] 로 기본적인 코드를 생성하고 나머지만 작성하는 방법도 있습니다. AndroidManifest.xml = Build.VERSION_CODES.O_MR1) { val notificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager return no.. 2021. 12. 22.
[정보처리기사 실기] 목차 정보처리기사 실기 목차 [정보처리기사 실기] 1. 요구사항 확인 [정보처리기사 실기] 2. 데이터 입출력 구현 [정보처리기사 실기] 3. 통합 구현 [정보처리기사 실기] 4. 서버프로그램 구현 [정보처리기사 실기] 5. 인터페이스 구현 [정보처리기사 실기] 6. 화면 설계 [정보처리기사 실기] 7. 애플리케이션 테스트 관리 [정보처리기사 실기] 8. SQL 응용 [정보처리기사 실기] 9. 소프트웨어 개발 보안 구축 [정보처리기사 실기] 10. 프로그래밍 언어 활용 [정보처리기사 실기] 11. 응용 SW 기초 기술 활용 [정보처리기사 실기] 12. 제품 소프트웨어 패키징 2021. 12. 3.
반응형

티스토리툴바