skylove1982

# 저장된 파일 인코딩 확인 $ file -bi 원본파일명 $ file -bi example.txt text/plain; charset=iso-8859-1 위의 명령어 실행후에 아래와 같이 charset 값이 iso-8859-1 값이 나오면 euc-kr 로 저장이 되어있다고 생각하시면 됩니다. text/plain; charset=iso-8859-1 # 인코딩을 euc-kr 에서 utf-8 로 변환하여 저장하기 iconv -c -f euc-kr -t utf-8 원본파일명 > 저장될파일명 $ iconv -c -f euc-kr -t utf-8 orign.txt > newfile.txt

다트 언어에서는 Null Safety 라고 해서 Null 값이 나오지 않도록 코딩 단계에서 부터 검사를 해주는데요. 예를 들어서 launchDate 값는 Spacecraft 라는 클래스 안에서 사용되어지는 변수이지만 DateTime 이라는 변수 타입 오른쪽에 ? 표시는 초기값이 세팅이 되어있지 않기 때문에 Null 값이 될 가능성이 있기 때문에 ? 표시를 하고 생성자를 통해서 값이 세팅이 되기 때문에 문제가 없습니다. Null Safety 는 컴파일 단계에서 체크를 하기 때문에 Null 값이 들어갈 가능성이 있는 변수에는 ? 표시를 해주어야 합니다. 참고로 ~/ 표현식은 나누기 해서 그 값이 소수가 아닌 정수값으로 가져올 때 사용합니다. class Spacecraft { String name; DateT..

다트 언어에서 코멘트는 3가지 종류가 있습니다. 기본적으로 // 이 사용이 되며 /// 을 사용하여 문서나 라이브러리 또는 클래스 안에서 사용할 수 있습니다. 물론 그냥 // 으로 다 작성해도 되지만 /// 을 사용해보는 것도 좋은것 같습니다. 그리고 /* */ 을 사용하면 여러 줄의 걸쳐서 주석을 작성할 수가 있습니다. // This is a normal, one-line comment. /// This is a documentation comment, used to document libraries, /// classes, and their members. Tools like IDEs and dartdoc treat /// doc comments specially. /* Comments like th..

우분투에서 화면캡쳐를 하기위해서는 Print Screen 키를 누르면 되는데요. 노트북에서는 Prt Sc 라는 버튼으로 보입니다. 물론 노트북 마다 조금씩은 다를 수는 있습니다. 우분투에서 프린트 스크린 버튼을 누르면 전체화면이 그림(Picture)폴더에 자동으로 파일이 생성되어 저장이 됩니다. 그리고 Alt + 프린트 스크린 버튼을 누르면 활성화된 창만 캡쳐가 되어 그림폴더에 저장이 됩니다. 그런데 전체가 특정 창이 아닌 화면 일 부분만 마우스로 드레그하여서 화면 캡쳐를 하고 파일 저장이 아닌 클립보드에 저장을 하고 싶다면 Ctrl + Shift + 프린트 스크린 즉 컨트롤 키와 시프트 키 그리고 프린트 스크린 키를 누르면 마우스 커서가 십자 모양으로 변경이 되며 그 상태에서 마우스를 그래그 하면 해당..

윈도우에서는 간단하게 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..

일반적으로 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..