본문 바로가기

Basics/Develop26

Color Picker : 골라 사용하세요! #000000, rgb(0,0,0) 등 다양하고 유용한 색 조합 사이트! 웹 사이트 개발부터 티스토리 글씨 색을 바꿀 때 까지 정말 다양한 상황에서 Color Picker는 필요한데요. 오늘은 그 중에서도 정말 유용하다고 생각되었던, 또 색에 대한 이해도 좀 도와주는 Color Picker를 소개시켜드리겠습니다. 또, 직접 컬러 팔레트, 색 조합을 테마에 맞게 만들어 보실 수 있는데요! 이건 이 포스팅(https://iworldt.tistory.com/106)을 참고하시면 됩니다. 기본적인 예쁜 컬러들은 포스팅 맨 아래에 모아둘테니 참고하세요~! 위처럼 Hex , rgb, hsl 까지 한 색을 여러 타입으로 표현해주고 복사까지 쉬운! w3schools 의 Color Picker 입니다. https://www.w3schools.com/colors/colors_picker.asp.. 2022. 2. 25.

[JS] ...props ? 잔여연산자(Rest Parameter)와 전개구문(Spread syntax) react로 개발하면서 매우 자주 봤던 { ...props }와 같은 잔여연산자 구문! 점을 연이어 3개 사용하는 잔여연산자(Rest Parameter)에 대해 알아보다가, 똑같이 ...을 쓰는 전개구문(Spread syntax)에 대해서도 정리해보려 한다. 둘은 구문은 똑같지만 역할은 거의 정반대라고 볼 수 있다. 잔여 연산자 ( Rest Parameter ) 내가 애용하는 MDN에서는 잔여 연산자를 다음과 같이 설명하고 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters 함수의 마지막 파라미터의 앞에 ... 를 붙여 (사용자가 제공한) 모든 나머지 인수를 "표준" 자바스크립트 배열로 대체.. 2021. 9. 11.

[JS]JSON key 가져오기, keys(), getOwnPropertyNames(), for 등등 비교 자바스크립트에서 JSON 데이터는 매우 유용하게 사용된다. 그만큼 key 값을 지정하는 것도 중요하다. 개발을 할 수록 JSON의 key 값이 필요한 상황이 종종 나타나는데, 그럴 때면 내가 JSON 데이터 형식을 잘못 묶었다고 판단하게 된다. 우선 이 얘기는 뒤에서 하기로 하고, JSON의 key 값을 가져오는 세 가지 방법을 알아보자. 1. keys() Object.keys(JsonData); Object.keys 문법에 파라메터로 키를 찾고싶은 데이터를 넣어주면 된다. data.code는 key가 CMP011이고 value가 List인 JSON 데이터이다. key가 하나만 존재한다. 위의 함수를 실행하면 key의 값이 리스트로 반환된다. key가 하나여도 리스트로 반환된다. 2. getOwnProp.. 2021. 9. 7.

[JS]키보드 이벤트, Enter 이벤트, key 이름, keyCode 총정리 자바스크립트 (JavaScript) 개발을 하다 보면 누구나 다 기본적으로 구성하는 화면이 아마 조회화면, 또는 로그인 화면 일 것이다. 그 때 우리는 검색창을 input 태그로 만들게 되고, 검색 버튼 또는 로그인 버튼을 통해서 기능을 수행하게 할 것이다. 그러나 여러 사이트에서 공통적으로 '엔터'를 입력하면 굳이 마우스로 버튼을 클릭하지 않아도 기능이 수행되도록 하고 있다. 그래서 이번 포스팅에서는 엔터 누르면 기능이 수행되도록 하는 엔터키 이벤트 에 대해서 알아보도록 하겠다. 키보드 이벤트 자바스크립트 키보드 이벤트는 3가지가 존재한다. key down : 키가 눌렸을 때 발생 keypress : 키가 눌린 상태일 때 -- 더이상 사용되지 않습니다. 사용이 권장되지 않습니다. keyup : 키 누름.. 2021. 8. 25.

맥(mac) VSCode 단축키 총정리! 윈도우 단축키와 비교! 맥을 사용하기 시작하면서 그 편리하던 vscode가 뭔가 불편해졌다... 바로 단축키가 어색해서 그랬던 것이다! ctrl 을 command로 바꿔쓰는 것 조차 어색한 맥 초보가 vscode의 단축키를 자유롭게 사용할 수 있을리가! 그래서 vscode mac 버전의 단축키(Keyboard shortcuts for macOS)를 찾아보기로 했다. 단축키를 이것저것 찾아보다 보니, 윈도우와 맥을 구분하여 단축키를 정리해 둔 vscode의 문서를 찾을 수 있었다! 그것을 보고 총정리 해보았다. 맥에서 vscode 단축키 쓰기, 비주얼스튜디오코드 단축키 ! 공식 pdf 문서 다운로드 링크는 아래에 있다. Visual Studio Code Keyboard shortcuts for macOS https://code... 2021. 8. 20.

[CMD] C:에서 D: 로 cd (cd c: to d:) 명령프롬프트 창인 CMD의 기본 위치는 로컬디스크(C:) 이다. 여기서 디렉토리를 변경하고자 할때 우리는 명령어 cd를 쓰고 뒤에 변경할 파일의 디렉토리를 입력하여준다. 그러나 D:로 이동하고자 할때는 추가 명령어가 필요하다. cd /d 를 입력하고 디렉토리를 입력해주면 끝! 2021. 7. 20.

[시스템프로그래밍]파이프 통신 파이프 통신의 개념과 간단한 예제 코드를 포스팅하도록 하겠다. 파이프의 개념 두 프로세스 간 통신을 지원하는 특수 파일 그냥 파이프(이름없는 파이프)는 부모-자식 프로세스 통신을 지원 기본적으로 단방향이다. 양방향 통신을 위해서는 파이프를 2개 생성하면 된다. 파이프 만들기 int pipe(int fd[2]);로 생성한다. 이 때, fd[0]은 읽기, fd[1]은 쓰기용이다. 이 읽기와 쓰기를 어떻게 사용하느냐에 따라 방향이 결정된다고 보면 된다. 성공시 0, 실패시 -1을 반환해준다. pipe 함수의 통신 과정 1. pipe 함수 호출 후 파일기술자(fd[])생성. 2. fork() 함수로 자식 프로세스를 생성하면, pipe도 함께 복사된다. 그러나 바로 수행되는 것은 아니다!! 3. 단방향의 경우 통.. 2020. 11. 9.

[Python].csv samples .csv 파일 예시 다운로드 Python을 이용한 데이터를 분석하는 강의를 수강중이다. 이번 중간고사 과제는 직접 csv파일을 선택하여 그것을 분석하고, 그래프로 도출해 내는 것이다. 그리하여 적절한 csv파일 sample들을 찾아다니던 도중! 좋은 사이트를 찾았다. E for Excel eforexcel.com/wp/downloads-16-sample-csv-files-data-sets-for-testing/ Downloads 16 - Sample CSV Files / Data Sets for Testing - Human Resources (5 million records) Disclaimer - The datasets are generated through random logic in VBA. These are not real .. 2020. 10. 29.

이전 1 2 3 다음

728x90

티스토리툴바