본문 바로가기
728x90

전체보기60

[eclipse] 이클립스 'UTF-8' 한글 깨짐 해결! 전체 인코딩& 개별 프로젝트 인코딩 방법 eclipse를 새로 설치하니.. 설정할 게 너무 많다..ㅜㅜ 보통 이클립스를 깔고 처음 프로젝트를 진행하면 한글 깨짐 현상을 발견할 수 있습니다. 이럴 땐 인코딩을 해주어야 하는데, 인코딩 방법은 두가지가 있습니다! 이클립스 전체 인코딩 설정과 개별 프로젝트 별 인코딩 설정 방법 모두 소개하겠습니다~ 이클립스 전체 인코딩 설정 이클립스 상단 메뉴바에서 [Windows -> Preferences]에서 [General -> Workspace]를 찾아 들어갑니다! Workspace 설정창에서 Text file encoding 항목을 찾아 원하는 인코딩 방식(UTF-8)으로 변경합니다. 그럼 끝~!! 개별 프로젝트 인코딩 설정 개별 프로젝트 인코딩 설정은 프로젝트를 선택하고 [ 마우스 우클릭 -> Proper.. 2021. 8. 21.
[eclipse]이클립스 자바스크립트(js) 파일이 흑백으로 나올 때 스프링 프로젝트를 실행 시켰더니 js파일이 흑백으로 나왔다... 해결 방법을 찾아보니, 파일 내에서 우클릭 후 [Open With -> Generic Text Editor]을 선택하면 js의 색상이 돌아왔다..! 하지만 이건 임시방편일 뿐이니, 근본적으로 해결해보자!! 문제 해결 방법 해결 방법은 자바스크립트 파일에 대한 기본 에디터를 설정하는 것이다! 상단 메뉴 바에서 [Window - Preferences - File Associations]를 들어가 준다. 그 후 Add를 눌르고 창이 뜨면 .js 입력 후 ok를 누른다. 그러면 File types에 *.js가 생길텐데 선택하면 Text Editor가 가장 상단에 있는 것을 볼 수 있다. 우리는 Generic Text Editor를 쓸 것이니 클릭하.. 2021. 8. 21.
[React Native] 리액트 네이티브란? 개념과 특징, 장단점 ! 리액트 네이티브란?! 리액트 네이브는 'iOS와 안드로이드에서 동작하는 네이티브 모바일 앱을 만드는 자바스크립트 프레임워크'입니다. 리액트 네이티브는 사용자 인터페이스를 만드는 페이스북의 자바스크립트 라이브러리인 리액트에 기반을 두고 있는데, 브라우저가 아닌 모바일 플랫폼이 타깃입니다. 즉, 웹 개발자가 익숙한 자바스크립트 라이브러리를 이용하면서 겉모습과 실제 동작까지 진짜 네이티브인 모바일 앱을 만들 수 있습니다. 게다가 작성한 코드 대부분을 플랫폼 간에 공유할 수 있어서 리액트 네이티브를 이용하면 iOS와 안드로이드 앱을 동시에 개발할 수 있습니다! 공식 리액트 네이티브 프로젝트는 iOS와 안드로이드에서 모두 동작하는 모바일 앱을 작성할 수 있게 해 주는데, 커뮤니티 프로젝트를 이용하면 리액트 네이티.. 2021. 8. 19.
[React Native]맥에서 앱 개발 환경 갖추기 #2 (Xcode, 코코아팟, 왓치맨, 안드로이드 스튜디오) 1편에 이어 mac 개발 환경을 소개합니다. https://ssollacc.tistory.com/entry/mac-reactnative1 [iOS] 맥에서 앱 개발 환경 갖추기 #1 (홈브루, 비주얼스튜디오코드, Node.js, 자바8 JDK ) 맥에서 앱 개발 환경을 갖추는 방법입니다. 홈브루 설치 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 방문하여 다음 명령을 복사한 후 터미널에서 실행합니다.. ssollacc.tistory.com Xcode 설치 iOS 앱을 개발하려면 Xcode가 필요합니다. 그러려면 먼저 developer.apple.com에서 계정을 만들어야 합니다. http.. 2021. 8. 19.
[React Native] 맥에서 앱 개발 환경 갖추기 #1 (홈브루, 비주얼스튜디오코드, Node.js, 자바8 JDK ) 맥에서 앱 개발 환경을 갖추는 방법입니다. 홈브루 설치 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 방문하여 다음 명령을 복사한 후 터미널에서 실행합니다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" 비주얼 스튜디오 코드 설치 터미널에 다음 명령으로 VSCode를 설치합니다. brew install cask brew install --cask visual-studio-code *Homebrew 2.6 이하라면 'brew cask install 설치할 앱' 명.. 2021. 8. 19.
[React Native] 리액트 네이티브 VSCode 환경 설정 및 사용법 #4 비주얼 스튜디오 코드(이하 VSCode)는 자바, 파이썬, PHP 등 다양한 프로그래밍 언어를 지원하는 만능 편집기입니다! 따라서 VSCode에서 타입 스크립트로 리액트 네이티브 프로젝트를 개발하려면 그에 맞는 환경설정과 사용법에 대한 이해가 필요합니다. Windows와 Mac 설정 동일합니다! 한국어 언어 팩 설치 Scoop으로 설치한 VSCode는 기본으로 영문 버전인데, 이를 한국어로 바꾸려면 언어 팩을 설치해야 합니다. VSCode 왼쪽 아이콘 바에서 [Extension]을 누르거나 [View ->Extension] 메뉴를 실행시킵니다. 그런 다음 'Korean'을 검색해 다운로드하여 주시면 됩니다! 타입 스크립트 설치 VSCode는 Windows PowerShell(윈도우 파워 셸) 같은 터미널.. 2021. 8. 12.
[React Native] 리액트 네이티브 안드로이드 스튜디오 설치 및 설정 #3 안드로이드 스튜디오 설치하는 방법 두 가지를 설명해 드리겠습니다! 첫 번째 방법은 홈페이지에서 다운을 받아 설치하는 방법입니다. 아래 링크 게시물에서 확인해주세요! https://ssollacc.tistory.com/entry/Android-setup [Android] 안드로이드 스튜디오 설치 방법 Windows10에 안드로이드 스튜디오 설치 방법을 상세하게 알려드리겠습니다! - Android Studio Download address - https://developer.android.com/studio?hl=ko&gclid=Cj0KCQjw6s2IBhCnARIsAP8RfAiBHex90_uh8rLJf.. ssollacc.tistory.com 두 번째 방법은 윈도우 파워 셸(Windows PowerShell.. 2021. 8. 11.
[Android] windows에서 안드로이드 스튜디오 설치 방법 Windows10에 안드로이드 스튜디오 설치 방법을 상세하게 알려드리겠습니다! - Android Studio Download address - https://developer.android.com/studio?hl=ko&gclid=Cj0KCQjw6s2IBhCnARIsAP8RfAiBHex90_uh8rLJfPAp1vygPRTLLXaQ2XqM0K6zBdYBpUPEupJWxQ0aAkMnEALw_wcB&gclsrc=aw.ds 2021. 8. 11.
[React Native] 리액트 네이티브 윈도우 개발환경 갖추기 #2 윈도우에서 개발환경을 갖추기 위해 Scoop와 Node.js, Java8 JDK, VSCode를 설치해 보겠습니다! Scoop 설치 Scoop 프로그램 설치는 관리자 모드로 실행한 윈도우 파워 셸에서 진행합니다. 파워 셸에서 Scoop을 설치하려면 다음 명령을 실행합니다. >>> Set-ExecutionPolicy RemoteSigned -scope CurrentUser 명령을 실행한 후 '모두 예'를 의미하는 A를 입력합니다. 그 후 'SCOOP'이라는 이름의 파워 셸 환경 변수를 다음처럼 설정합니다. >>> $env:SCOOP='C:\Scoop' 그러면 앞으로 Scoop으로 설치한 모든 프로그램은 C:\Scoop 디렉터리에 위치합니다. 하지만 이 환경변수 설정은 파워셸에서 Scoop으로 프로그램을 설.. 2021. 8. 11.
[React Native] 리액트 네이티브 앱 프로그래밍 시작하기 #1 안녕하세요! 앱 개발을 시작하기 전에 #리액트네이티브 프레임워크를 소개해보도록 하겠습니다~ #리액트 프레임워크는 2013년에 페이스북에서 발표한 오픈소스 자바스크립트 프레임워크입니다. 리액트는 가상 DOM(virtual DOM)과 JSM(javascript XML)라는 새로운 방식으로 동작하는 프레임 워크로 많은 사람들이 프런트엔드 웹을 개발할 때 사용하고 있습니다. #네이티브(native)라는 단어는 '운영체제를 만들 때 사용한 프로그래밍 언어와 똑같은 언어로 만든’이란 의미입니다. 그리고 네이티브 앱은 모바일 운영체제 (안드로이드 - 자바, iOS - 오브젝티브-C)로 만든 앱을 네이티브 앱이라고 합니다. 네이티브 앱은 실행 속도가 빠른 장점이 있지만 습득해야 할 지식이 많고, 똑같은 기능을 안드로이.. 2021. 8. 11.
728x90