목록전체 글 (192)
jineecode
1. 오늘로부터 5일간 요일 표시 배열의 index가 7을 넘어가면 0으로 돌아가게 하는 것이 포인트 const days = ["일", "월", "화", "수", "목", "금", "토"]; function calculateDay() { let today = new Date(); let currentDay = today.getDay(); $("#todayTitle").text(days[currentDay]); console.log("Today:", days[currentDay]); // tommorow let tomorrow = currentDay + 1; if (tomorrow > 6) { tomorrow = 0; } $("#tomorrowTitle").text(days[tomorrow]); conso..
// byte 제한 검증 // ex: onKeyUp="javascript:fnChkByte(this,'1000')" function fnChkByte(obj, maxByte) { var str = obj.value; var str_len = str.length; var rbyte = 0; var rlen = 0; var one_char = ""; var str2 = ""; for (var i = 0; i 4) { rbyte += 2; //한글2Byte } else { rbyte++; //영문 등 나머지 1Byte } if (rbyte maxByte) { // alert("한..
history.pushState(null, null, location.href); window.onpopstate = function (event) { history.go(1); }; 참고: http://stackoverflow.com/questions/16182993/how-to-prevent-a-browser-from-going-back-forward-in-history-when-scrolling-horiz How to prevent a browser from going back/forward in history when scrolling horizontally? How can one disable a modern browsers default functionality using JQuery or N..
test</div>
*데이터 타입을 타입스크립트로 정의할 때 같은 파일에서 정의하면 해당 파일 안에서만 타입을 정의할 수 있다. 그러나 @types/index.d.ts 를 만들고 해당 파일 안에서 타입을 정의하면 프로젝트 전반에 걸쳐 타입을 사용할 수 있다. context은 전반에 걸쳐 사용될 예정이므로 @types/index.d.ts 파일에 따로 저장하는 것이 좋다. 1. AsyncStorage 설치 2. Context 1) src/Context/TodoListContext/@types/index.d.ts interface ITodoListContext { todoList: Array; addTodoList: (todo: string) => void; removeTodoList: (index: number) => void..
*RN 0.60 이후 버전에서는 다음 명령어로 설치한다. 그 후 ios에서 필요한 라이브러리를 설치한다. 안드로이드에서는 추가 설치할 필요가 없다. npm install --save @react-native-community/async-storage cd ios pod install
함수형 1. button component https://fonts.google.com/icons?selected=Material+Icons Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com add_circle, remove_circle 사용 RN에서는 이미지 이름을 add.png, add@2x.png, add@3x.png 으로 이름을 변경해두면 해당 화면 사이즈에 맞는 이미지를 자동으로 불러온다. src/Components/Button/index.tsx import React from 'react'; import Styled from 'styled-components/nat..