달비의 개발 연구

React Native Style, Component 적용하기(Button, Button Event, 버튼, 버튼 이벤트)리액트 네이티브를 이용하여 스타일CSS 및 컴포넌트를 적용하는 방법에 대해 포스팅 해보겠습니다. Style 적용리액트 네이티브 에서 스타일을 적용할 때 여러가지 방법이 있는데,그 중에 인라인 스타일 코드 형식과 StyleSheet.create() 함수 호출하는 방식이 있다. 인라인 스타일 코드란? 컴포넌트의 style에 직접 스타일 코드를 작성하는 것을 인라인 스타일이라고 한다. Calc App ※ style 코드를 확인 해 보면 Json방식인 것을 확인 할 수 있다.속성의 경우 camel case로 작성 해야 하고, px, em 등 단위를 사용하지..

Spring Boot viewResolver 및 resource 접근 설정 추가 방법 이번에는 Spring Boot에서 JSP에서 viewResolver와 resource 접근설정에 관련하여 포스팅 하려고 합니다. .properties에 설정하는 경우도 있지만, Java @Bean을 생성하여 추가하는 방법 또 한 많이 쓰이고 있습니다. gradle 의존성 추가 implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-web-services' implementation 'org.apache.tomcat.embed:tomca..

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

해당 포스트는 필자 복붙용으로 만든 글이니 여러 설명을 많이 생략 합니다.참고 부탁드립니다. 감사합니다.  1. 각 필요에 따라 필요한 의존성 추가한다. Maven   2. Web.xml 설정하기 egov.sample encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding utf-8 encodingFilter *.yh *.act HTMLTagFilter egovframework.rte.ptl.mvc.filter.HTMLTagFilter HTMLTagFilter *.yh *.act ..

정보통신 : 디지털 데이터, 디지털 정보의 통신정보통신망 : 정보기술 + 통신기술 + 네트워크 + 컴퓨터통신망 정보통신망의 목적-자원의 공유-신뢰도 향상-처리기능의 분산 네트워크 연결장치네트워크 세그먼트를 서로 연결하거나네트워크 인터넷에 연결이키기 위한 통신 장치 -Modem : 정보 전달 신호 변조 송신 복조 장치-NIC : Network Interface Card-Hub : 여러개의 포트를 동시에 연결하는 멀티 포트 기능하는 장치-Repeater : 중계기-Bridge : 네트워크 MAC 주소에 기반하여 패킷 신호를 전송하는 장치-Router : 컴퓨팅 디바이스와 네트워크를 다른 네트워크에 연결하는 네트워킹 디바이스-Gateway : 서로 다른 protocol을 사용하는 2개 이상의 서로 다른 net..

변수와 포인터 차이변수 : 특정 데이터 값을 가지고 있습니다.포인터 : 특정 데이터가 저장된 기억 장소의 주소 값을 가지고 있습니다. 형식 : 자료형( * )사용 예 : int *p;기능 : 변수 p는 포인터 변수로서 정수형의 자료를 갖는 변수의 주소를 갖습니다. int *pp : 포인터 변수로서 정수 형 자료가 수록되어 있는 주소를 가지고 있습니다.*p : 해당 주소에 수록되어 있는 정수 형 자료를 가지고 있습니다. 사용 예int a, b;int *p; // 변수 p를 포인터 변수로 선언a=5000;p=&a; // 포인터 변수 p에 변수 a의 주소 값을 대입b=*p // 포인터 변수 p가 가리키는 주소의 내용을 변수 b에 저장// 즉 a의 값 5000이 b에 저장된다.// a=5000 b=*p// p=..

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에서 위 함수를 호출하면 드리드의 옵션..

SpringBoot layoutTiles 설정방법Tiles는 웹 화면의 각각 영역을 정하고 나누어, 해당 영역의 템플릿을 구성 해 주는 라이브러리 입니다. ※참고사항※spring 3.x 버전에서는 tiles class를 지원하지 않습니다 !!(사용 시 spring boot 3 이하 버전으로 설정해야 합니다.)(JSP x, Thymeleaf o) 의존성 추가Maven org.apache.tiles tiles-jsp 3.0.8 Gradleimplementation 'org.apache.tiles:tiles-jsp:3.0.8'  @Bean 등록해당 컨피그 클래스(WebConfig)에 tiles 빈과 viewResolver 빈을 등록합니다.@Beanpublic TilesConfigurer til..

SpringBoot X MyBatis X MSSQL 연동하기사용된 버전 규격은 다음과 같습니다.Java : 17 versionSpringBoot : 2.7 ver versionMyBatis : 3.x ver version 0. 의존성 추가 Gradle implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.1' runtimeOnly 'com.microsoft.sqlserver:mssql-jdbc' 1. Configuration 만들기@Configuration@MapperScan(basePackages = "com.yungame.mvc.*") // , annotationClass = org.springframework.stereot..

x-forwarded-for 간단 개념 정리(XFF, 프록시, 헤더, 로드 밸런싱) XFF 헤더 X-Forwarded-For는 HTTP 프록시나 로드 밸런서를 통해 웹 서버에 연결하는 클라이언트의 원래 IP 주소를 식별하는 데 사용되는 표준 HTTP 헤더입니다. 이는 클라이언트의 IP 주소를 정확하게 결정해야 하는 시나리오, 특히 역방향 프록시, CDN(Content Delivery Network) 서비스 또는 로드 밸런서와 같은 여러 계층의 네트워크 인프라와 관련된 상황에서 일반적으로 사용됩니다.프록시 및 로드 밸런서 : 많은 네트워크 설정, 특히 기업 또는 클라우드 환경에서 웹 서버는 프록시 서버 또는 로드 밸런서 뒤에 배치되는 경우가 많습니다. 이러한 중개 서버는 클라이언트로부터 요청을 받은 다음 ..