skylove1982

윈도우에서는 간단하게 anydesk 라는 원격 프로그램을 통해서 컴퓨터에 대한 문의가 있으면 해결해 주고는 했는데요. 최근에 리눅스 계열인 우분투를 설치하여 사용하게 되었습니다. 윈도우는 손 쉽게 다운 받아서 설치하면 되었지만 우분투에서는 2가지 방법중에 하나로 할 수가 있습니다. 첫번째는 우분투 터미널에서 명령어를 사용하여 설치를 할 수가 있습니다. 그리고 두번째는 deb 파일을 다운 받아서 실행하여 설치를 할 수 있습니다. 두번째 방법이 제일 쉬운것 같은데요. anydesk website : https://anydesk.com/en/downloads/linux 위의 링크로 들어가시면 Devian / Ubuntu / Mint 부분을 클릭하시면 anydesk_6.1.1-1_amd64.deb 파일이 다운로..

Operator Meaning + Add – Subtract -expr Unary minus, also known as negation (reverse the sign of the expression) * Multiply / Divide ~/ Divide, returning an integer result % Get the remainder of an integer division (modulo) assert(2 + 3 == 5); assert(2 - 3 == -1); assert(2 * 3 == 6); assert(5 / 2 == 2.5); // Result is a double assert(5 ~/ 2 == 2); // Result is an int assert(5 % 2 == 1); // Remai..

요즘에 개인이 사용하는 스마트 기기의 갯수가 점점 많이 늘어나고 있는데요. 저의 경우에도 노트북이나 핸드폰 등 최소 2~3개를 사용하고 있는데요. 책상위에 여러개의 키보드가 있으면 장소도 부족하고 너무 지저분한것 같아서 개인적으로 하나의 키보드로 여러개의 스마트 기기를 같이 사용할 수가 있다면 정말 좋을것 같더라구요. 그래서 멀티페어링이 가능한 무선 기보드를 찾아보았는데요. 그중에서도 휴대성도 좋고 예쁜 키보드를 찾아보았는데요. 라인프렌즈 멀티페어링 무선키보드가 제 눈에 확 들어왔습니다. 기본적으로 2.4G USB 리시버 연결을 지원하고 추가로 2개의 블루투스 연결을 지원합니다. 그래서 동시에 총 3개의 연결을 지원되네요. 컴퓨터로 작업을 하다가 핸드폰으로 답장을 해야하는 경우에 멀티페어링이 되기 때문에..

디즈니 캐릭터가 돋보이는 키보드가 있는데요. 일반 평범한 검정색 키보드가 아니라 예쁜 컬러와 심플한 디자인으로 보자마자 예쁘고 귀엽다라는 생각이 든 키보드 인데요. 동그란 자판들이 옛날 타자기와 비슷한 느낌이 들지만 터치감도 좋고 키보드가 너무 예쁘네요. 디즈니 캐릭터 무선 키보드 종류 미키 디즈니 레트로키보드 푸우 디즈니 레트로키보드 피글렛 디즈니 레트로키보드 느낌있는 키보드 한번 살펴보세요 ↓↓↓ https://bit.ly/3wsA9Wj 디즈니 레트로 무선 키보드 미키 푸우 피글렛 캐릭터 사무용 이쁜 귀여운 노트북 저소음 푸 미키 nefing.com #미키 #푸우 #피글렛 #디즈니 #캐릭터 #키보드 #레트로키보드 #동그란자판 #캐릭터키보드 #예쁜 #사무용키보드

11번가해서 아마존 쇼핑이 가능한데요. 아마존 상품을 공유하고 아마존에서 상품결제시 추천코드를 입력하시면 됩니다. 추천코드 : KKG3853 11번가에서 아마존 상품을 보시려면 아래의 링크로 가시면 됩니다. https://www.11st.co.kr/amazon/main

일반적으로 React 에서 컴포넌트를 만들때 에로우 함수를 사용하여 아래와 같이 구현을 하는데요. 클래스 형태로 컴포넌트를 사용하는 방법도 어렵지는 않습니다. const App = () => { return ( ) } 클래스는 class 라는 키워드와 함께 extends 를 사용하고 React.Component 를 하고 중괄호로 묶어주고 render 함수안에 구현을 하면 됩니다. 컴포넌트가 함수 형태 이든 클래스 형태이든 아직은 공부하는 중이라서 크게 차이는 모르겠지만 프로그래밍을 공부해오신 분들이라면 class 형태를 더 권장하실 수도 있을것 같습니다. class App extends React.Component { render() { return ( ) } }

검색창에서 조건 검색할 데이터를 임시로 searchItems 라는 이름의 변수에 직접적으로 리스트 데이터를 직접 선언했다가 나중에 데이터를 api 를 통해서 가져오기 위해서 주석처리를 하고 useEffect 를 사용하여 데이터를 세팅해주는 방법입니다. fetch 함수에 url 주소를 넣어주면 데이터를 자동으로 가져오게 됩니다. 그러면 .then 함수를 이용하여서 변수명 res 으로 받아서 json함수로 하여서 데이터를 json 으로 변환하게 됩니다. 그리고 json 으로 변환된 데이터를 변수명 productArray 으로 받아서 사용하게 됩니다. 참고로 변수명은 임의로 변경이 가능합니다. 배열 데이터는 map 함수로 특정 데이터만 추출이 가능한데요. map 함수가 실행이 되면서 json 형태의 데이터의 ..

React 에서 useEffect 함수 사용하는 예시입니다. useState 가 사용되었지만 참고사항으로 보시면 될것 같구요. useEffect 는 처음에 기본적으로 한번 실행이 되고 나중에 변수값이 업데이트가 될때마다 실행이 되게 되는데요. 여기서 사용되는 변수의 이름은 currentCount 입니다. 버튼을 클릭할때마다 값이 1 씩 증가되는데요. (props.incrementBy 값은 버튼 속성으로 설정된 값입니다.) 그 값이 10 이상이 되면 다시 0 으로 초기화 시키는 역할을 useEffect 를 통해서 처리하게 됩니다. useEffect 함수 첫번째 파라메터에는 콜백함수를 지정하게 되고 두번째 파라메터에는 해당되는 변수들의 리스트를 지정을 해야합니다. 두번째 파라메터 부분이 엄청 중요하니 꼭 기..

React 에서 검색창 예제입니다. useState 를 사용하여 변경된 searchValue 값을 화면에 표시가 되고 리스트 값인 products 의 filter 를 사용하여 필터 검색 효과 예제입니다. 참고로 products 의 데이터는 App.js 에서 searchItems 로 값이 지정이 되어있고 props.searchItems 으로 데이터 값을 받아서 처리가 됩니다. [MySearchBar.js] import React, { useState } from "react" import './MySearchBar.css' const MySearchBar = (props) => { const products = props.searchItems; // console.log(global); const [sea..

PROPS 를 사용한 React 예제 : tag 에서 컴포넌트(component)로 값을 전달할때 사용됨 여기서는 incrementBy 값이 사용이 되어짐 props 라는 변수로 받았지만 aa 나 임의의 변수 이름으로 사용이 가능함. import React, {useState} from "react"; const MyButton = (props) => { const [currentCount, setCurrentCount] = useState(0); const handleClick = () => { setCurrentCount(currentCount+props.incrementBy); } return ( +{props.incrementBy} {currentCount} ) } export default My..