개발나들이(46)
-
[Java] Java 11 특징 정리
새로운 String 메서드 추가 - strip(): 문자열 앞, 뒤의 공백 제거. - stripLeading(): 문자열 앞의 공백 제거. - stripTrailing(): 문자열 뒤의 공백 제거. trim() 과의 차이점은, trim() 은 U+0020 이하의 값만을 공백으로 인식하여 제거한다 (tab, CR, LF, 공백). 하지만 유니코드에서는 이 외에 다양한 공백 문자가 존재하는데, 이를 처리하기 위해서는 기존에는 Character.isWhitespace(int) 를 사용해야 했다. Java 11 부터는 strip() 으로 편하게 처리할 수 있다. 그리고 성능도 수 배 빠른 것으로 알려짐. - isBlank(): 문자열이 비어있거나 공백만 포함되어 있을 경우 true 를 반환한다. 즉, Strin..
2021.07.20 -
유용한 사이트 정리 (React, Web Doc, ETC...)
https://react-anyone.vlpt.us/ - 리액트를 간략하게 정리해둔 사이트 누구든지 하는 리액트 · GitBook 누구든지 하는 리액트 이 튜토리얼은 리액트를 1도 모르는 사람들을 위해 작성되었습니다. 만약에 여러분이 리액트를 배우고 싶은데, 아직 뭐가 뭔지 잘 모르겠다! 그렇다면 이 튜토리얼을 진행 react-anyone.vlpt.us https://codesandbox.com - 별도의 환경 구성을 하지 않고 리액트 테스트를 할 수 있는 사이트 CodeSandbox: Online Code Editor and IDE for Rapid Web Development CodeSandbox is an online code editor and prototyping tool that makes c..
2021.07.19 -
[React] React Virtual DOM 이란
리액트를 가장 단순하게 한 단어로 표현하고자 하면 "바꿔치기" 라고 설명할 거 같다. (변화 노노...! 그 대신에 데이터가 바뀌면 그냥 뷰를 날려버리고 새로 만들자..!) 기존의 view 를 변화시킬 때 일련의 과정, DOM 에서 어느 부분 인지를 찾고 그 부분에서 어느 요소가 어떻게 변했는지를 알아보고 이를 변경하고 하는 등의 과정들을 생각하면서 이를 어떻게 바꿔줘야 하는가 등의 고민을 하기보단 React 라이브러리를 통해 그냥 통체로 변화된 view 로 갈아치울 수 있기 때문이다. 그런데 웹 브라우저 환경에서 (수 많은 요청들이 오고가는 상황에서..) 이렇게 통체로 view를 갈아치우기엔 엄청난 리소스가 필요하며 이것을 가능하게 한다 한들 브라우저의 성능저하, pc의 과부하 등의 문제가 있을 수 있..
2021.07.13 -
[React] 리액트란 무엇인가?
현재의 웹 상태는 단순히 웹 이라기 보단 하나의 웹어플리케이션이라 불리는 상황. 기존의 프론트앤드 언어를 사용하여 이를 구현 할 경우( javascript, jquery, etc .. ) 작업의 효율성 및 코드의 유지보수 차원에서 번거로움이나 불필요한 자원 낭비가 있을 수 있기에 이를 해결하기 위해 프론트엔드 라이브러리가 등장하게 되었다고 한다. 아래는 자주 쓰는 프론트엔드 라이브러리 라 하며 간략하게 설명지어 본다. 1. Angular - 다양한 기능이 내장되어 있다. http client, router, 다국어 지원, 공식 라이브러리 지원 등 - 만들어진지 오래되엇으며 사용률도 어느정도 있는 편 - typescript 를 기본으로 함 2. React - components 라는 개념을 메인으로 하는 ..
2021.07.13 -
[CSS] 채팅 입력창 및 모든 입력창 한글을 기본으로 변경
ime-mode:상태값 으로 한글 기본을 설정할 수 있음. auto : 기존 값 normal : 기본 값 active : 활성화. IME기본 설정 언어(한글로 되어있으면 한글)로 입력됨. inactive : 비활성화. 영문이 기본으로 입력됨. disabled : 한/영 전환키를 사용해도 영문으로만 입력됨.
2021.06.22 -
[React] 리액트 강좌
리액트를 시작해보자..! 리액트 공식 사이트 • https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org • 한글 : https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 강의 • 학습 블로그 : https://velopert.com/reactjs-tutorials [React.JS] 강좌 목록 | VELOPERT.LOG velopert.c..
2021.06.21 -
[서버셋팅] request.getRemoteAddr() IP가 0:0:0:0:0:0:0:1 일때 해결방법
아이피가 0:0:0:0:0:0:0:1 이라는건 ipv6의 주소를 가져온것으로 ipv4로 봤을때 127.0.0.1 이 맞다. localhost로 서버에 접속했을 때 생기는 현상이며, 10.10.10.1 과 같은 아이피로 접근했을때는 정상적으로 가져온다. 윈도우7 에선 기본적으로 IPv6를 리턴하므로 WAS 세팅으로 바꾸어 주면된다. WAS Arguments를 세팅해보자. 1. eclipse에서 톰캣을 실행시 셋팅 메뉴의 Run -> Run Configurations -> Arguments 탭 -> -Djava.net.preferIPv4Stack=true 추가 2. 톰캣을 개별로 실행 할 경우 톰캣설치경로 /bin/catalina.bat 의 "set JAVA_OPTS" 라는 키워드로 검색하면 두개가 나오는데..
2020.03.25 -
[React] PropTypes 종류 정리
react 공부 중 정리해두면 좋을 거 같아 옮겨적네요.https://github.com/facebook/prop-types 에서 더 자세한 정보를 확인할 수 있습니다. 1. PropTypes 종류 array : 배열 arrayOf (다른 PropType) : 특정 PropType으로 이뤄진 배열을 의미함 - (ex) arrayOf(PropTypes.number) 는 숫자로 이뤄진 배열. bool : true or false func : 함수 number : 숫자 object : 객체 string : 문자열 symbol : ES6의 Symbol node : 렌더링할 수 있는 모든 것 (숫자, 문자열, 혹은 JSX코드. children도 node PropType임) instanceOf(클래스) : 특정 클..
2020.01.14 -
[LINUX] 리눅스 기초 지식 정리(3-3)
리눅스에 대해 정리합니다. 1. Linux의 디렉토리 구성 - Linux는 설치된 Linux kernel을 비롯하여 각종 커맨드나 설정 파일이 디렉토리에 배치됨- 이러한 Linux 디렉토리 목록은 FHS(Filesystem Hierarcghy Standard) 라는 규격에 의해 표준화 되어 있다.
2020.01.08 -
[LINUX] 리눅스 기초 지식 정리(2-3)
Linux Kernel 의 주요 기능을 정리해보고자 합니다. 1. 디바이스 관리 - Device Driver 라는 소프트웨어를 이용하여 하드웨어를 제어함. 2. 프로세스 관리 - Linux에서 명령을 실할할 때는 해당 프로그램 파일에 쓰혀 있는 내용을 '읽고' 이를 메모리상에 '전개'한 후 메모리상의 프로그램을 '실행' 하는 일련의 프로세스를 따르게 됨.- Linux Kernel은 프로세스들에게 각각 PID(Process ID) 라는 식별자를 붙여 프로세스 실행에 필요한 CPU를 효율적으로 할당하는 열할을 담당함. 3. 메모리 관리- 프로세스가 실행되면 메모리상에 프로그램이 전개될 때 프로그램 안에서 시용하는 데이터도 메모리상에 전개됨.- Linux Kernel 은 프로그램과 데이터가 물리 메모리에 효율..
2020.01.08