skylove1982

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..

React 에서 useState 를 사용하는 예시 import React, {useState} from "react"; const MyButton = () => { const [currentCount, setCurrentCount] = useState(0); const handleClick = () => { setCurrentCount(currentCount+1); } return ( +1 {currentCount} ) } export default MyButton; 위에서 선언한 MyButton을 사용할때의 예시 import MyButton from './component/MyButton'; function App() { let subject = 'My React'; return ( {subject} ..

동영상 파일을 재생하려고 하는데 아래 이미지와 같은 에러가 나오고 영상은 재생이 되지 않는 경우가 있는데요. 'S/W HEVC(H265) 디코딩은 지원하지 않습니다'라고 화면에 표시가 된다면 이럴 때 해결 방법은 코덱파일 하나만 설치해주시면 됩니다. 아래의 링크를 클릭해서 들어가시면 아래 이미지와 같이 LAVFilters 코덱을 다운로드 받으실 수 있습니다. https://github.com/Nevcairiel/LAVFilters/releases 위의 이미지와 같은 화면이 나오면 그 아래에 다음과 같은 표가 나오게 됩니다. 표에서 윈도우에서 설치하시려면 첫번째 LAVFilters-버전-Installer.exe 파일을 클릭해서 다운받아 설치하시면 됩니다. LAVFilters 설치 후 다시 동영상 플레이어를..

class Item{ String name=''; int damage=0; int price=0; Item(); Item.setData(String name, int price, {int damage=0}){ this.name = name; this.damage = damage; this.price = price; } void showInfo(){ print("name: $name, damage: $damage, price: $price"); } } class Sword extends Item{ @override int damage=10; Sword(); Sword.setData(String name, int price, int damage) : super.setData(name, price, damag..

class Company{ String name=''; Person ceo = new Person("ceo"); List workerList = []; Company(String this.name); void setCeo(Person ceo){ this.ceo = ceo; } void addWorker(Person worker){ this.workerList.add(worker); } void removeWorker(Person worker){ this.workerList.remove(worker); } void info(){ print('company : $name'); this.ceo.info(); this.workerList.forEach( (e){ print(e.name); }); for(int ..

최근에 지인이 피피티 파일을 열었는데 글자가 화면 밖으로 표시가 되고 이상하게 보인다라고 물어보았는데요. 그래서 저도 그 파일을 확인해 보았습니다. 최신 오피스 버전을 사용하고 있던 저는 당연히 피피티 파일을 열면 아무 문제없이 나올 줄 알았는데 저도 똑같이 글자의 위치나 크기 등이 좀 이상하다는 생각이 들었습니다. 즉 오피스 버전 문제는 아니다라는 결론을 내었고 그래서 해당 텍스트에 마우스를 클릭해서 폰트명이 무엇인지 확인해 보았습니다. 그랬더니 제가 평소 사용하지 않는 무료 폰트를 사용하여서 피피티를 제작하였던 것이었습니다. 그래서 폰트명으로 인터넷으로 검색을 하였고 해당 폰트 파일을 다운 받았습니다. 폰트 파일은 기본적으로 윈도우에서는 폴더위치가 C:\Windows\Fonts 입니다. 다운받을 폰트..

일반적으로 함수와 메쏘드는 무언가를 실행해서 값을 반환한다는 부분에서는 같다고 할 수 있을것 같습니다. 그런데 정확한 용어의 차이는 아시는 분들이 많이 계시지는 않을것 같습니다. 쉽게 차이점을 말해본다면 메쏘는(method)는 class 안에 선언된 함수이고 함수(function)는 class 가 아닌 쪽에 선언된 함수라 생각하시면 될것 같습니다. 클래스(class)안에 선언된것과 아닌것의 차이가 뭐가 중요할까 하지만은 클래스에 선언되었다라는 것은 함수가 객체(오브젝트)에 종속이 된다는 의미입니다. 예를 들어 자바(java)와 C# 은 오직 메쏘드(method) 밖에 없습니다. 그리고 C 언어에서는 오직 함수(function) 밖에 없습니다. 그리고 C++ 와 파이썬(Python)은 프로그래머에 따라서 ..

아래의 소스코드를 보시면, 총 2개의 로컬변수(local variable)가 선언이 되어있습니다. 변수의 이름은 age 와 name 입니다. age 는 int 형 즉 정수이고, name 은 String 형 즉 문자 입니다. 단, 문자인 String 은 대문자 S로 시작하고 값은 홀 따음표(') 또는 쌍 따음표(")로 감싸면 됩니다. void main() { int age = 30; String name = 'SKY'; print( 'name: ' + name + ', age: ' + age.toString()); print('name: $name, age: $age'); print('name: ${name+'LOVE'}, age: ${age+10}'); } print 라는 함수(function) 라고 하..

요즘에 플러터에 대해서 관심있게 보고 있습니다. 구글에서 지원을 하고 있는데요. 다양한 개발 크로스플랫폼들이 있지만 여러가지를 고려해보고 플러터에 대해서 배워보기로 하였습니다. 아래의 주소로 이동하시면 위 이미지와 같이 웹브라우저에 다트패드가 나오게 되는데요. 다트(Dart) 언어의 문법을 간단히 테스트 해볼 수가 있습니다. https://dartpad.dev/ DartPad dartpad.dev 앞으로 기본적인 다트 언어의 문법과 예제를 정리해 보겠습니다. 조금이나마 도움이 되셨으면 좋겠습니다.

요즘에는 하나의 소스코드를 이용하여 다양한 플랫폼에서 실행되도록 하는 크로스플랫폼 개발 프레임워크들이 많은 각광을 받고 있는것 같습니다. 물론 특정 플랫폼을 위한 전용 개발 프레임워크를 사용하여 제작했다면 그것 만큼 좋은 것은 없을 것입니다. 하지만 다양한 플랫폼에서 실행되는 프로그램을 만들려면 각 플랫폼 마다 프로그램을 제작해야 하기 때문에 그 만큼 시간과 돈이 들어가게 됩니다. 그래서 저도 최적의 시간으로 최대의 효과를 낼 수 있는 프로그램을 만들어 보기 위해서 크로스 플랫폼에 대해서 알아보았습니다. 물론 전용 플랫폼을 위해 만들어진 프로그램 보다는 속도나 업데이트에 대한 빠른 적용 등에 있어서는 부족할 수는 있습니다. 그럼 제가 아는 6가지의 크로스플랫폼에 대해서 말씀드리겠습니다. Xamarin X..