일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 자바스크립트 #메뉴만들기
- GIT
- 카카오톡알림설정 #카톡알림설정
- 슬라이드다운
- 프로그래머스
- list추가하기
- todolist
- hover효과
- 티스토리 #폰트변경 #꾸미기
- darkmode
- 네트워크 #5G안터질때 #4G로바꾸는법 #5G를4G로 #5G를LTE로 #갤럭시5G변경
- 숫자게임만들기
- 자바스크립트
- 요일구하기
- 파비콘 #파비콘만들기 #포토샵파비콘
- 요일구하는공식
- fade-in
- 동영상다운 #영상다운 #크롬웹스토어 #드래그되지않는 #클릭되지않는 #동영상
- 메뉴
- 좌우슬라이드
- 가장작은자연수
- 오류
- React
- 음악검색기능 #음악찾기기능 #음악찾기 #음악검색 #네이버음악검색 #다음음악검색 #멜론음악검색
- 윈도우10캡쳐 #윈도우10캡처 #윈도우10스크린샷 #캡쳐하기 #캡처하기 #스크린샷찍기 #캡쳐지연 #스크린샷지연
- 문자열다루기
- array #object #lodash #javascript
- fadeint
- 리액트
- ThemeProvider
- Today
- Total
목록분류 전체보기 (60)
잿꽃's posting Garden
임의의 배열에서 임의의 숫자~임의의 숫자 내에서 임의의 숫자 번째를 추출하기 ex) 배열[1,5,2,6,3,7,4]에서 [2,5,3]를 입력하면 2번째 배열에서 5번째 배열까지를 추출한다. 추출한 [2,3,5,6] 3번째 배열은 5를 얻을 수 있다. 요청값이 여러 번일 수 있으므로 for in을 이용했다. slice(num1, num2)로 인덱스 값이 num1~num2전까지 가져올 수 있다. 추출한 값이 오름차순으로 새로 배열되어야 하므로 sort를 사용하였다. 이 값을 결과 값으로 push를 통해서 넣었다. function solution(array, commands) { var answer = []; let i = 0; let result = []; for(index in commands){ resu..
숫자와 영문자가 섞인 문자를 숫자로 변환하기 ex) one4seveneight -> 1478 문자와 숫자가 섞인 문자열이 입력되면 숫자열로 변환되어서 나타나야 한다. 테스트를 통과했는데 채점하니까 5, 7, 8에서 문제가 생겼다. 왜 안 되는거지 한참 헤맸다. 알고 보니 replace는 하나만 바꿔줘서 twotwo 이런 식으로 있으면 22가 아닌 2two로 되기 때문이었다. replaceAll이 사용이 전혀 안되었는데 정확한 원인은 알 수 없지만 node version이 v10.16.0은 replaceAll을 사용할 수 없다는데 이 사이트가 그런 건가 싶었다. 그래서 while문에서 s의 내용이 문자가 아닐 때까지 반복실행하는 것으로 수정했다. function solution(s) { const num ..
2022.05.10 - [WEB] - 자바스크립트로 메뉴 dropdown - slidedown효과 만들기 자바스크립트로 만드는 메뉴 dropdown - slidedown효과 자바스크립트로 만드는 서브메뉴 slidedown효과 자바스크립트로 메뉴를 만들 때 제이쿼리를 이용하지 않고 dropdown시에 slidedown의 효과를 만들고 싶은데 단순히 height값만 조정으로는 잘 되지 않았 flowerofashes.tistory.com 저번 글에 이어서 자바스크립트로 메뉴가 나타나는 효과 중 fade-in를 적용해본다. 0. CSS의 :hover를 이용하여 CSS로만 구현하기 .menu_list .main .sub{ opacity: 0; visibility: hidden; transition: all 0.4..
자바스크립트로 만드는 서브메뉴 slidedown효과 자바스크립트로 메뉴를 만들 때 제이쿼리를 이용하지 않고 dropdown시에 slidedown의 효과를 만들고 싶은데 CSS를 단순히 height값만 조정으로는 잘 되지 않았다. 평소 궁금하던 차에 검색을 해보았다. 이유가 height에 transition이 작동하지 않는다라는 답변을 보았는데 단순히 그런 문제인지 왜 작동하지 않는지 확인해보기로 했다. 이것은 단순히 CSS로 구현했을 때에도 해당되는 내용이다. 0. CSS의 :hover를 이용하여 CSS로만 구현하기 .menu_list .main .sub{ height: 0; overflow: hidden; transition: all 0.4s; } .menu_list .main:hover .sub{ h..
자바스크립트로 숫자야구 게임을 만들어보았다. 사담 : 'let/'s get it 자바스크립트'라는 책에 자바스크립트를 연습하기 위한 여러가지 다양한 게임이 있어서 메소드를 복습하면서 새로운 메소드를 익히고 있다. 책을 보고 게임의 구조의 흐름을 대강 파악한 뒤 책을 보지 않고 새로 작성해보는 것이라 책에 나온 코딩과 다를 수 있습니다. 순서도 1. 랜덤한 4개의 숫자를 얻는다. 2. 사용자가 입력창에 4자리를 입력한다. 3. 사용자가 입력한 숫자가 4자리 인지 검사한다. 4자리가 맞으면 숫자가 중복되지 않는지 검사한다. 4. 숫자가 중복되지 않으면 랜덤하게 얻은 결과 값을 비교해서 얼마나 맞췄는지 알려준다. 아주 간단하게 입력창과 버튼을 html 만들었다. 확인 css는 안 만들었다.... 일단 블로그에..
자바스크립트로 끝말잇기 만들기 나름 이쁘게 만들어보겠다고 해봤는데 괜찮은지... 순서도 1. 몇 명이서 게임할 것인지 확인한다. 2. 제시어가 있는지 없는지 확인한다. - 없으면 첫 번째 사람이 제시어를 제시한다. 3. 제시어가 있으면 이전 단어와 비교한다. 4. 맞으면 3번을 반복하고 틀리면 alert 창으로 표시한다. 읽기만 해도 알 수 있는 아주 간단한 html내용 1번째 유저 : 입력 내 맘대로 꾸민 css /*///////////////css///////////////*/ @charset "UTF-8"; body{ margin: 0; padding: 0; background-color: #e5e5e5; } .wrapper{ width: 300px; height: 600px; background:..
REACT에서 Todolist를 만들어봤습니다. 2022.04.28 - [WEB] - REACT Todolist 만들기 - 1 REACT Todolist 만들기 - 1 REACT에서 Todolist를 만들어봤습니다. 1. UI틀 만들기 2. styled-components로 꾸미고 간단한 속성 부여하기 3장. 멋진 투두리스트 만들기 · GitBook (vlpt.us) 3장. 멋진 투두리스트 만들기 · GitBook 3장. 멋.. flowerofashes.tistory.com 3. 기능 구현하기 마침 강의 평가가 있어서 강의에서 배운 내용을 토대로 기능을 구현해 보았습니다. 1. app.js와 TodoListTotal.js의 할 일을 수정하기 기존에 TodoListTotal.js에 직접 입력했던 내용을 상..
REACT에서 Todolist를 만들어봤습니다. 강의에서 배운 내용을 복습하면서 새롭게 만들어 보는 todolist 1. UI틀 만들기 2. styled-components로 꾸미고 간단한 속성 부여하기 3장. 멋진 투두리스트 만들기 · GitBook (vlpt.us) 3장. 멋진 투두리스트 만들기 · GitBook 3장. 멋진 투두리스트 만들기 이번 장에서는 리액트를 사용하여 멋진 투두리스트 (미리보기) 를 만들어보겠습니다. 이번 투두 리스트 앱을 만드는 과정에서, 우리가 지금까지 배운 다양한 개념 react.vlpt.us 디자인은 동일하며 참고하여 만들었습니다(직접 만드느라 코드가 완전히 같지는 않음 주의) 기능 구현은 useReducer를 배우지 않아 사이트를 참고하여 기능을 익히면서 만들어볼지 강..