분류 전체보기

자바스크립트로 복사한 내용을 가져오거나 복사하는 방법에 대한 포스팅이다. 만들고 있는 토이 프로젝트에 클립보드 내용을 가져오는 코드가 있었는데 이젠 다른 방법을 사용하게 되어서 적어놓으려고 한다 😃 다음에 언제 쓰일 지 모르니까... 클립보드 복사하기, 붙여넣기 방법은 두 가지가 있다. 1. document.execCommand를 이용한 방법 2. navigator.clipboard를 이용한 방법 각자 장단점이 있으니, 예제를 보면서 살펴보자. document.execCommand('copy') , document.execCommand('paste') // 텍스트를 클립보드에 복사 function copyToClipboard(text) { var textarea = document.createElemen..

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인 할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 이전 편에서는 만들고 있는 프로젝트에 대한 소개와 약간의 고충을 다뤘었다. 뛰어난 기능은 없지만, 처음 만들어서 어딘가에 제대로 올려 본 프로젝트니까 조금 더 관심을 가지고 포스팅 할 예정! 😃 오늘은 전 편에서 변경하고자 했던 부분을 차근차근 진행했다. 1. 파일로 다루던 코드 조각들을 이제 localStorage로 관리한다. 2. 필수 기능이지만 드디어 추가 기능이 생겼다. 👏🏻 loadCodes() { // this.loadSampleCodes(); for (const key in window.localStora..

javascript-archive 라는 vue.js 기반의 토이 프로젝트를 얼마전에 만들어 배포해두었다. 프로젝트를 만들게 된 이유는 코드 조각이나 코드들을 한 곳에 메모하고 관리할 수 있게 하려고 만들었다. 실제로 나는 업무나 공부 할 때 쓰이는 코드들을 아무렇게나 정리해둔다. 당장 찾아본 것만 해도, 맥북 디렉토리나 스티커 메모, 노션... 전 회사 업무 내용이 포함되어 첨부하진 않았지만 맥북 메모 앱에도 꽤 있다. 😅 맥북 포맷하기 전 미리 내용을 정리해서 그만이지 그냥 뒀다면 다람쥐마냥 코드 저장해놓고 잃어버리고 다시 쓰고 계속 반복했을 수도...? 아무튼 그리해서 나온 코드 관리 서비스 "javascript-archive". 원래는 혼자 쓰려고 대충 만들었는데 서비스라고 칭하기도 애매하고 뭔가 ..

배열 내 요소의 합을 구하는 문제를 풀다가 reduce의 자세한 문법을 몰라서 반복문을 이용했다. 풀이는 해결은 했지만, 그래도 이번 기회에 array의 reduce 메소드를 공부하며 알게 된 내용을 기록해본다. Array.reduce() 각 요소에 대해 주어진 콜백(callback) 함수를 실행하여 배열을 단일 값으로 축소하는 배열 메서드. 즉, 배열을 반복하면서 원하는 로직을 적용하는 부분에서 이용할 수 있다. 기본 사용법 arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) 매개변수 종류 1. callback : 각 요소에 대해 실행할 함수로, 다음 네 개의 매개변수를 받는다. - accumulator 누적..

last update : 2023-10-19 아카이브용 게시글입니다. 저작권 문제 시 댓글 부탁드립니다. 1. 프로그래머스 https://school.programmers.co.kr/learn 프로그래밍 강의 | 프로그래머스 스쿨 국비지원 K-디지털 기초역량훈련 코스, K-디지털 트레이닝 코스, 선배 개발자와 함께하는 라이브 교육, 데이터 사이언스, PCCP/PCCE 자격증, 세미나, 각종 프로그래밍 기초부터 실전까지 원하는 강 school.programmers.co.kr 2. 생활코딩 https://opentutorials.org/course/1 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게..

last update : 2023-10:19 아카이브용 게시글입니다. 저작권 문제 시 댓글 부탁드립니다. 통합 1. Ideone 웬만한 언어 모두 지원 https://ideone.com/ Ideone.com Ideone is something more than a pastebin; it's an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages. ideone.com 2. My Compiler https://www.mycompiler.io/ko/new/python 새 Python 프로그램 만들기 - 마이컴파일러 - myCompiler 실행 코드 코드..

last update : 2023-10:19 아카이브용 게시글입니다. 저작권 문제 시 댓글 부탁드립니다. 1. Piskel ⭐ 픽셀 도트 찍는 사이트. 간단하게 이용하기 좋은데 기능도 많음 https://www.piskelapp.com/ Piskel - Free online sprite editor Piskel is a free online editor for animated sprites & pixel art Create animations in your browser. www.piskelapp.com 2. Pixilart 여기도 도트 찍는 사이트. 난 피스켈을 더 많이 씀 https://www.pixilart.com/draw Make pixel art online - Pixilart Pixilart,..

last update : 2023-10:19 아카이브용 게시글입니다. 저작권 문제 시 댓글 부탁드립니다. 읽을 거리 1. 신입 디자이너를 위한 GUI 가이드 디자이너는 아니지만 글이 흥미로움 https://blog.rightbrain.co.kr/?p=8718 신입 디자이너를 위한 GUI가이드라인 Tip - RightBrainLAB GUI 디자이너라면 한 번쯤은 들어보고 경험했을 GUI 개발 가이드라인. 처음 접하게 되면 어떻게 해야 할지도 모르겠고 이런 문서 작업을 하기 위해 내가 디자인을 시작했나 하는 생각도 들곤합니 blog.rightbrain.co.kr 폰트 1. 웹 디자이너들이 좋아하는 영문 폰트 웹 디자이너는 아니지만 예쁜 폰트는 조크등요 *^____^* http://www.fbml.co.kr/..