본문 바로가기

전체 글252

[Linux] 파일과 폴더 권한 수정, root 파일 비밀번호 설정 1. PC 재 세팅 후 프로젝트 파일을 다시 내려 받았는데, 파일 수정 후 저장이 되지 않는 현상이 있었습니다. 2. 이 경우 파일 또는 폴더 생성도 되지 않는 경험이 있어 mkdir 명령어로 파일 생성을 시도해보았는데, 생성 되지 않았습니다. 3. (캡쳐를 못했는데) vscode 하단에 권한 문제라는 경고창이 떴습니다. 4. 다음과 같은 명령어로 소유자 권한을 체크했습니다. ls -l 또는 ll // 수정할 파일과 그 파일이 속한 디렉토리 등의 권한을 확인 whoami // 현재 로그인 중인 계정 저는 dan 이라는 계정으로 로그인이 되어있었는데, 부모 디렉토리인 work의 소유자 권한은 dan이었으나, 자식 디렉토리인 test의 소유자 권한이 root로 되어있어 test 폴더 내에서는 파일을 생성하거.. 2023. 9. 26.
2023.05 - 08 한 것 ✔️ 메인 작업 (FE) 회사 홈페이지 리뉴얼 (ITOXI) I 플랫폼 ver.01 API 문서 작성 시퀀스 다이어그램 및 연동 가이드 작성 유저 가이드 작성 (문서 및 다이어그램을 작성하고 리뷰하는 것이 코드 작업을 하는 것 만큼 고려해야할 부분이 많았다.) I 플랫폼 프로젝트 ver.02 세팅 및 작업 시작 ✔️ 주말 틈틈히 학업 지속 컴퓨터과학과 1학기 - 완료 더보기 [6월 기말 시험기간 주말 루틴] - 금요일 > 퇴근 후. 워밍업 공부 시작 > 새벽 3,4시쯤 귀가 - 토요일 > 오후 1, 2시쯤 기상 > 개인용무 처리 후 오후 5시쯤 공부 시작 > 새벽 5시쯤 귀가 후 수면 - 일요일 > 오전 8시 기상 > 10시 학교 도착. 오후 5시까지 공부 - 시험 끝! 정보처리기사 필기 재합격🎉 (면제.. 2023. 9. 6.
[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.