본문 바로가기 메뉴 바로가기

개발 공부 일지

프로필사진

개발 공부 일지

개발 공부 일지
검색하기 폼 Mountain View
  • 분류 전체보기 (38)
    • Front-end (20)
      • HTML & CSS (1)
      • JavaScript (5)
      • React-Native (8)
      • Sass & SCSS (2)
      • React (3)
    • Back-end (0)
    • Etc (18)
      • Algorithm & Solving (15)
      • Study (1)
      • 모각코 (0)
  • GUESTBOOK
  • TAG
  • RSS

전체 글
[Vanilla JS] 현재 날짜/시간 가져오기

현재 시간을 띄우기 위하여, 현재 날짜 정보를 호출하는 메서드가 필요했다. 이게 처음에는 잘 기억이 나지 않아 Date, Date.now(), Date.now().hour(), 등등을 막 입력했었는데, 결국 답을 찾지 못했었다. Nico의 강의영상을 보며 작성했던 초기 코드를 다시 복습하면서 글을 남긴다. Date()를 입력하면 현재 날짜를 얻어올 수 있고, 아래와 같이 특정 변수에 동적할당을 해주어야 getHours(), getMinutes(), ...와 같은 메서드를 쓸 수 있는 듯하다. 이것저것 다 해봤지만 그 외에는 불가능했다. 구체적인 이유는 더 찾아봐야할 것 같다 ㅜㅜ function getClock() { const date = new Date(); const hour = String(dat..

Front-end/JavaScript 2022. 1. 17. 03:14
[CSS] 배경 이미지 화면 가득 채우기

실제 Momentum처럼 배경에 랜덤한 이미지를 설정하고 싶었는데 이미지를 지정하면 자꾸 아래와 같이 여러 장의 사진이 반복되는 상황이 펼쳐졌다. 이미지의 해상도가 낮을 수록 여러개의 이미지가 반복되었다. img 폴더에는 있는 모든 이미지들이 0.jpg, 1.jpg, ... 이렇게 규칙적으로 되어있어, 이미지파일의 이름들을 담은 배열을 별도로 생성하지 않았다. JS로 body의 배경 이미지를 변경하는 코드는 다음과 같이 작성하였다. (사실 Nico는 JS에서 style을 건드리는걸 별로 좋아하지 않는다고 했던 것 같은데, CSS에서만으로도 랜덤한 이미지 설정이 가능한지 몰라서 그냥 작성하였다ㅎㅎ) /* js/backgound.js */ const imgNum = Math.floor(Math.random(..

Front-end/HTML & CSS 2022. 1. 17. 00:52
[Vanilla JS] 복습 프로젝트 시작

2022.01.16 - Nomad Coder의 [바닐라JS로 크롬 앱 만들기]-Momentum 강의 수강 완료. - 배운 것을 이용하여 복습 프로젝트 시작.

Front-end 2022. 1. 16. 18:21
이전 1 ··· 5 6 7 8 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
TAG
  • 문제풀이
  • nico
  • 인증
  • JavaScript
  • vanillajs
  • CSS
  • 백준
  • drag-select
  • when2meet
  • 코딩
  • sass
  • JS
  • 공부
  • 에러
  • 웹
  • HTML
  • 스터디
  • 모각공
  • 숫자_찾기
  • 프로그래머스
  • 코테이토
  • scss
  • 모각코
  • Python
  • 공부일지
  • 알고리즘
  • 약수의합구하기
  • React-native
  • 모던리액트
  • react
more
Total
Today
Yesterday

Powered by Tistory / Designed by INJE

티스토리툴바