반응형

Front-End 13

React Native JSX, TSX 설정(Node.js, React, React Native, EXPO, JSX, 환경설정, Android)

React Native - JSX프로젝트 만들기( node.js version 16.20.2 lts ) CMD 명령어 입력 (App.js 프로젝트 만들기)프로젝트 생성 한 경로로 가서 커맨드 입력expo init rn-calc  다운로드 완료 후 npx eslint --init위 커맨드를 입력하면 선택 하라고 나오는데아래 처럼 선택하면 된다. to check syntax and find problems 선택JavaScript modules 선택React 선택No 선택Node 선택JSON 선택yes / npm 선택 참고 사항 : ESLint는 자바스크립트 코드에서 발견되는 문제시되는 패턴들을 식별하기 위한 정적 코드 분석 도구이다다운로드를 완료 했다면 .eslintrc.json 파일 수정"extends":..

JavaScript 자동 생성 Grid 만들기(HTML5 Grid, JavaScript Grid, JavaScript 라이브러리 만들어 보기, Grid 원리)

JavaScript 자동 생성 Grid 만들기(HTML5 Grid, JavaScript Grid, JavaScript 라이브러리 만들어 보기)JavaScript를 이용하여 Grid를 자동으로 만들어 주는 라이브러리를 만들어 보았습니다.간단하게 그리드를 생성하는 함수와 그리드를 클릭했을 때 발생되는 이벤트(콜백함수)를 처리까지 어떻게 이루어지는지간단하게 알아보도록 하겠습니다.  HTML5 호출방식 처리CSSdiv.OY_UI_Item { width: 100%; height: 400px;}HTML5 위 HTML5 태그를 호출하면 해당 위치에 그리드를 그려줍니다. OYGrid.create("myOYGrid", option, jsonData);JavaScript에서 위 함수를 호출하면 드리드의 옵션..

Spring, Java, JavaScript (Jquery) Json, JsonList, File 한 번에 처리하는 방법(Multipart, Json, Ajax, formData)

JavaScript (Jquery) Json, JsonList, File 한 번에 처리하는 방법업무 중 하나의 URL에서 Json, JsonList, file 데이터를 한번의 비동기 통신으로 처리해야 하는 경우가 있었습니다.모든 데이터를 form으로 한 번에 묶어 처리 하였습니다.let formData = new FormData();let brandList = new Array();// ex JsonList$("input[name*='userBrandName']").each(function(){ let brandName; if($(this).data('type') == "brand"){ brandList.push({ userBrandName : $(this).v..

반응형