본문 바로가기

분류 전체보기253

[JS] 날짜 형식 커스텀 yyyy-mm-dd // dataFormat.js const leftPad = (value) => { if (value >= 10) { return value; } return `0${value}`; } const toStringByFormatting = (source, delimiter) => { const year = source.getFullYear(); const month = leftPad(source.getMonth() + 1); const day = leftPad(source.getDate()); return [year, month, day].join(delimiter); }; const dataFormat = { toStringByFormatting, }; export default dataFormat; 날짜.. 2023. 7. 19.
[JS] value로 key값 찾기 value로 key값 찾기 const list = { "a": "netmable", "b": "nexon", "c": "ncsoft", "d": "kakaogames", } function getKeyByValue(object, value) { return Object.keys(object).find((key) => object[key] === value); } getKeyByValue(list, "nexon") // b 2023. 7. 19.
[HTML]canvas 사용법 - 기본 (rect, path, arc) 1. html에 canvas 요소 작성 2. js로 canvas를 세팅 function drawMyCanvas(){ let canvas = document.getElementById("myCanvas"); // 어떤 콘텐츠를 그릴 것인가 let ctx = canvas.getContext("2d"); // 캔버스 사이즈, 배경색 등 설정 canvas.width = 500; canvas.height = 500; canvas.style.backgroundColor = "lightyellow" } 1. 사각형 메서드 ctx.strokeRect(x, y, w, h); ctx.fillRect(x, y, w, h); ctx.clearRect(x, y, w, h); See the Pen canvas - basic re.. 2023. 5. 27.
[NextJS] input type="date"을 활용한 기간 선택 NextJS와 NextUI를 사용하여 구현한 프로젝트. 실질적으로는 React(JS), HTML가 뒤섞인 코드입니다. ❗날것의 코드 주의 📆구현 기능날짜선택을 통한 기간 지정 조회 옵션 : 최근 1개월, 최근 3개월, 최근 6개월 선택가능하게 🧶고려할 점. 1. 기본값 시작일은 프로젝트 생성한 1월 1일로 가정. 종료일은 오늘(가장 최근) 날짜. 그 이후 날짜는 disable. 2. 날짜 변경 시 - 시작일은 종료일보다 전이어야함 (시작일 { setDate({ startDate: '2023-01-01', endDate: today, }); }, []); const [limitDate, setLimitDate] = useState({ minStartDate: '2023-01-01', maxStartDate.. 2023. 4. 5.
2023.02 - 04 한 것과 해야할 것 ✔️ 메인 작업 I 플랫폼 프로젝트 (Next JS, Next UI) 라이브 완료 중간중간 치고들어오는 작업들 (라이브 완료) 모바일 게임 사전예약페이지 모터쇼 쿠폰이벤트 페이지 작업 타 게임 사이트 유지보수 ✔️ 이슈 4월 : 사무실 이전 및 소속 변경 (계열사 > 본사) ✔️ 주말 틈틈히 학업 도전 JAVA프로그래밍 출석 완료✅, 과제 완료✅ 이산수학 출석 완료✅, 시험 완료✅ HTML5 웹 프로그래밍 출석 완료✅, 과제 완료✅ 컴퓨터그래픽스 출석 완료✅, 과제 완료✅ 파이썬프로그래밍 기초 출석 완료✅, 과제 완료✅ 모바일앱프로그래밍 (오프라인) 출석 완료✅ 시험 완료✅ 운영체제 과제 완료✅ 📍[개발자 인터뷰]마이크로소프트 김대우 이사님 방송통신대학교 컴퓨터과학과 - 파이썬프로그래밍 2강 중 프로그래.. 2023. 4. 2.
#TIL #230329 요즘 쪽대본(?)같은 업무들이 밀려들고 있습니다. (수정 된 기획을 몇 시간안에 디자인, 개발, QA까지 끝내야하는...) 급하게 하는 일 중에서도 '미쳐 생각지 못한, 그동안 사용해보지 못했던, 몰랐던 또는 변화한 코드'들이 찰나로만 스쳐가는게 아까워 메모 수준으로라도 끄적여 둬야겠다고 다짐하는 요즘입니다. 2023.03.29 (화) 1. 기본(?)을 포기하고 디자인을 잡은 사례😅 [기획, 디자인 등 요청 사항] ✅ input 숫자만 입력 가능하게 this.value = this.value.replace(/[^0-9.]/g, '') .replace(/(\..*)\./g, '$1'); // 숫자만 입력가능한 정규식 .replace(/[^0-9.]/g, '') 숫자 (0-9)과 수수점 값이 아니면 '공백'.. 2023. 3. 30.
[이산수학] 1. 이산수학 / 2. 논리 1. 이산수학 1. 연속적인 것 이산적인 것 2. 도구, 기법, 방법론 도구 : 정의, 정리 기법 : 가우스 소거법, 근의 공식 방법 : 언제 무슨 기법을 무슨 도구로 어디다 쓸 것인지? 문제 해결 수학적 모델링 : 문제 > 추상 모델 >변형된 모델 > 문제 해결책 정보 모델링 : 문제 > 정보 > 처리 > 문제의 해결책 3. 추상화(abstraction) 수학적 개념 : 문제를 해결하기 위해 문제의 핵심 냄용만 남기고, 관련 없는 것들을 제거 -> 문제를 단순화 예 : 사과의 형태 = 동그란 형태에 꼭지가 있는 것. 그게 프랑스산 사과인지 대구산 사과인지, 초록색인지 빨간색인지는 중요한 부분이 아니다. 4. 알고리즘 (algorithm) computer programming language : 컴퓨터 .. 2023. 3. 19.
[JAVA] 자료형 :: JAVA의 자료형 변수의 종류 인스턴스 변수 : 객체가 소유하는 변수 (클래스 정의에서의 static가 아닌 필드) 클래스 변수 : 객체가 공유하는 변수 (클래스 정의에서의 static필드) 데이터 필드 선언된 클래스 내부에서 사용 가능 클래스 외부에서의 사용가는 여부는 '접근 제어자'에 따라 다름 지역 변수 : 메소드 또는 블록 내부에서 선언된 변수 초기값을 지정한 후 사용해야함 메소드 실행 시 생성, 끝나면 없어짐 선언시 접근 제어자를 사용하지 않음 파라미터 : 메소드 호출 시 전달하는 값을 저장하기 위한 변수 자료형의 종류 기본형 저장 공간에 값 자체를 저장 키워드 길이 (byte) 값의 범위 리터럴 문자 char 2 '\u0000'~'\uFFFF' (char)65 'A' '\uFFFF' 논리.. 2023. 3. 5.

티스토리툴바