프로그래밍21 [React Native] 리액트 네이티브 개발환경 설정(2/6) - Nodejs 설치 리액트 네이티브로 개발을 하려면 npm 명령어를 사용해야 합니다. Nodejs를 설치하면 npm은 자동으로 설치됩니다. * NodeJs 설치 아래 홈페이지로 이동하여 Node.js를 다운로드합니다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운로드한 msi 파일을 실행시켜 Nodejs 설치를 시작합니다. 동의 후 다음 버튼을 눌러줍니다. 저장할 경로를 선택하고 다음 버튼을 눌러줍니다. 설정 기본으로 두고 다음 버튼을 눌러 계속 진행합니다. install 버튼을 눌러 설치를 완료합니다. * 설치 버전 확인하기 아래의 명령어 node와 npm이 정상적으로 설치되었는지 확인할 수 있습니다.. 2023. 1. 16. [React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기 * 리액트 네이티브란? React Native는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 합니다. 리액트 네이티브를 선택한 이유 1. 새로운 언어를 배워서 개발하기에는 부담스러움 2. 안드로이드/IOS 환경에서 동작하는 앱을 만들고 싶지만 각각 개발하기는 귀찮음 이런 두 가지 이유로 고민하고 있었는데, 리액트 네이티브는 한 프로젝트로 두 가지 환경에서 구동이 가능했고 Javascript 기반이라 웹을 개발했던 사람이라면 쉽게 접근할 수 있는 장점이 있어 선택하게 되었습니다. * 리액트 네이티브 개발환경 구축하기 리액트 네이티브를 개발하기 위.. 2023. 1. 15. [JAVA] 자바8에서 자바11로 버전 변경하기 기존에 자바8을 사용하고 있었는데 새로 만들려는 프로젝트가 자바11로 변경되어 버전 변경이 필요해졌습니다. * 자바11 설치 Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com https://www.oracle.com/java/technologies/javase-jdk11-downloads.html 로 이동해 본인의 환경에 맞는 운영체제의 jdk를 설치해줍니다. (설치 시 오라클 계정이 필요합니다.) * 환경변수 설정 자바11 설치가 완료되면 미리 설정해둔 JAVA.. 2022. 8. 16. [JQuery] checkbox 전체선택/전체해제 이벤트 주기 화면 목록에서 체크박스 기능을 구현해야한다면 전체선택/전체해제 기능이 필요할 것입니다. 우선, 아래와 같이 html로 table을 그려줍니다. 헤더부분에 전체 선택/해제 할 수 있도록 checkbox를 하나 만들어줍니다. 아이디 이름 gildong1 홍길동 gilsun 홍길순 gil2 홍길이 $("#memberAllChk").change(function(){ if($("#memberAllChk").is(":checked")){ $(".memberChk").prop("checked", true); }else{ $(".memberChk").prop("checked", false); } }); 테이블 헤더의 memberAllChk 를 선택할때 마다 memberChk의 클래스가 전부 선택되거나 취소되어야합니다... 2022. 8. 1. [Javascript] 유니코드로 문자열 byte 자르기 게시판에서 입력받은 글의 byte 수를 노출시킬 때, length 함수를 사용하여 byte 수를 계산하는 경우가 있습니다. 영문일 경우에는 상관이 없지만, 한글인 경우는 한 글자가 1byte로 계산되어(한글은 한 글자에 2byte) 글자 수가 일치하지 않습니다. 아래의 getByte()처럼 charCodeAt(i) 함수를 사용하여 i번째 문자의 유니코드를 비교해줍니다. * 유니코드란? 전 세계의 모든 문자를 다루도록 설계된 표준 문자 전산 처리 방식 function getByte(str) { var l = 0; for (var i=0; i 128) ? 2 : 1; } return l; } 입력받은 str의 length 만큼 반복하여 유니코드를 비교해 byte 수를 합산합니다. getByte()로 화면에 .. 2022. 7. 14. 이전 1 2 3 4 5 다음 반응형
