전체 글
-
windows 10에서 ubuntu 설치후 mysql 설치 연동까지개인 환경설정 2021. 3. 9. 00:03
1. linux 시스템 활성화 우선 windows 기능 켜기/끄기를 들어갑니다. 그 후 Linux용 windows 하위 시스템을 체크한뒤 재부팅합니다 꼬옥! 2. Micrsoft Stroe에서 ubuntu 18.04를 설치해줍니다 천천히 기달려줍니다 설치가 완료 될때까지 다운로드가 완료되면 시작 버튼을 클릭! 몇분을 기다리다보면 아래와 같이 bash 쉘이 등장합니다!. 계정을 생성해주고 패스워드를 입력해줍니다. 이제 root 계정을 생성해봅시다. sudo passwd를 입력한후 이전에 생성했던 계정 비밀번호를 넣은뒤 root 비밀번호를 설정한후 su - 를 통해 root계정의 접근합니다! 그후 sudo apt-get update && sudo apt-get upgrade 명령어를 통해서 ubuntu를 업..
-
android react native 실행하는법모바일앱/react-native 2021. 3. 7. 13:45
안드로이드 스튜디오를 실행한뒤 sdk manager를 클릭한다 그후 위와 같이 Android SDK Platform 28 Intel x86 Atom System Image Google APIs Intel x86 Atom System Image Google APIs Intel x86 Atom_64 System Image 내용들을 설치해준다. 1.react-native 프로젝트 생성 및 확인 react-native는 버전에 따라 잘 동작하던 앱이 동작하지 않을수도있기에 React-native로 앱 개발을 할땐 아래에 npm명령어를 통해 버전을 고정시켜 사용해야하는것을 권장한다. 그후 react-native init 을 통해 test1이라는 프로젝트를 실행한다. 그후 usb로 핸드폰과 연결시킨후 npm run..
-
React Native 설치 및 환경설정 -windows모바일앱/react-native 2021. 3. 7. 12:12
1. node js 설치 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 일단 위 경로로 들어간뒤 Nodejs를 설치한다. 필자는 window의 설치했으며 v14.15.4 버젼 노드를 사용하고있다. 2. npm 설치 npm은 node package manager 로 nodejs환경에서 사용할수있는 패키지들을 자유롭게 사용할수있도록 도움을 주는 시스템이다. 3. open jdk 설치 www.azul.com/downloads/zulu-community/?version=java-8-lts&os=windows&architecture=x86-64-bit&package=jd..
-
XMLHttpRequest를 통해 canvas의 그린 이미지를 서버에 던지기자바스크립트/Javascript 2021. 2. 26. 10:24
//canvas에 그려진 이미지를 base64로 변환 var dataurl = this.canvas.toDataURL("image/png"); var xhr = new XMLHttpRequest(); var data = { searchimage: dataurl }; xhr.crossOrigin = "Anonymous"; xhr.onload = function() { if (xhr.status === 200 || xhr.status === 201) { console.log(xhr.responseText); } else { console.error(xhr.responseText); } }; xhr.open('POST', '서버IP'); xhr.setRequestHeader('Content-Type', 'ap..
-
[스프링(Spring)] 스프링이란 무엇인가!? -1Spring 2021. 2. 19. 13:48
내용은 "토비의 스프링3.1" 책내용을 참고하며 정리한 내용입니다. 1. 스프링은 애플리케이션 프레임워크이다!. 스프링은 자바 엔터프라이즈 애플리케이션 개발에 사용된 프레임워크이다. 즉, 애플리케이션 개발을 빠르고 효율적으로 할수있도록 틀과 공통 프로그래밍 모델, 기술API등을 제공해준다. 2. 공통 프로그래밍 모델 - IoC/DI, 서비스 추상화,AOP 1. IoC/DI : 오브젝트의 생명주기와 의존관계에 대한 프로그래밍 모델이다. 스프링은 유옇나고 확장성이 뛰어난 코드를 만들수 있께 도와주는 객체지향 설계 원칙과 디자인 패턴의 원리를 담고있는 프레임워크이다. 2.서비스 추상화 : 환경이나 서버, 특정 기술에 종속되지 않고 이식성이 뛰어나며 유연한 애플리케이션을 만들수있는데, 이를 가능하게 해주는것이 ..
-
What is Webpack? 웹팩이란 무엇일까?자바스크립트/Javascript 2021. 1. 31. 14:57
What is WebPack? WebPack 은 브라우저에서 자바스크립트 파일들을 묶어서(번들링) 사용하기 위함이며, 어떠한 자원(js,css,png,jpg등)이나 자산 등을 전송,구축 패키징이 가능하게 만드는 도구이다. 2000년대 초 쯤만하더라도 정적인 페이지를 운영하는 형식이라 페이지가 변화할때마다 새로운 HTMl을 요청하여 화면을 그렸다. 그 당시엔 자바스크립트는 DOM을 조작하는 간단한 역할만 했기때문에 HTML에 script태그를 넣는것을 충분햇다. 요즘 SPA(single page application)은 하나의 HTML에 수백개의 자바스크립트 파일을 포함하기에 비중이 어마어마하게 커졌다. 자바스크립트 파일이 많아지면서 기존에 생성된 전역변수가 덮어지는 실수가 생기기도 하고 많은 양의 스크립..
-
SVG 필터효과 :feMorphology를 사용한 윤곽선 텍스트자바웹프로그래밍/CSS 2021. 1. 25. 18:00
Morpohing? 은 무엇인가? morph에 의미는 개체의 형태 모양을 변형하거나 변경하는것을 의미한다. morphology filter는 객체의 형태로 작동한다. 또한 필터는 두가지의 미리 정의된 형태변화들을 제공한다. 프리미티브를 사용하여 요소를 축소하거나 확장하는 형태변화를. 두 작업이 모두 픽셀 수준에서 작동하여 픽셀을 인접 픽셀로 확장하거나 해당 픽셀 가장자리 주변의 스트로크를 유지하면서 작동중인 픽셀의 가장자리에서 인접 픽셀을 무너뜨린다. 픽셀이 확장되거나 침식하는데에 사용되는 인접 픽셀의 수는 반경 매개 변수에 의해 결정된다. Morphing Images feMorphology 작업을 이미지에 적용하면 일반적으로 예측가능한 두가지 결과가 나타난다. 이미지 크기는 erode 연산자를 사용하면..