![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cywPK7/btqwOBg6yQ8/RgqgJwvJoPfibrfgQYKIGK/img.png)
리액트가 왜 전 세계 적으로 열광하는지 알아보자. 1. 리액트는 자바스크립트 기반이다. 별도의 다른 프레임워크를 배울 필요가 없고, 그냥 자바스크립트를 활용하면 된다. Angular, Vue 처럼 다름 언어를 배울 필요가 없다. 그냥 자바스크립트만 잘하면 된다는 뜻이다. 리액트로 하는 거의 모든 것은 자바스크립트 기반이다. 리액트를 배우면 다른 곳에선 필요 없는 기술을 배울 필요가 없다. 별도의 프레임워크, 별도의 언어를 배우면 다시 사용하지 않는다면 기억에서 점차 사라진다. 하지만 리액트는? 자바스크립트이다. 새롭게 배울 필요가 없다. 더 훌륭한 자바스크립트 개발자로 거듭날 수도 있다. 리액트를 하면서 동시에 자바스크립트 기술을 향상하는 것이다. 2. 간단한 구조 리액트 구조는 요소별, 컴포넌트별로 나..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Eg2vX/btqwJdWrpnr/9d8b6LjKrABJbxkTq0baVk/img.jpg)
변경 불가능(immutable) 클래스는 그 객체를 수정할 수 없는 클래스다. 객체 내부의 정보는 객체가 생성될 때 주어진 것이며, 객체가 살아 있는 동안 그대로 보존된다. 자바 플랫폼 라이브러리에는 이런 클래스가 많다. String, 기본 자료형 클래스, BigInteger, BigDecimal 등이 그런 클래스다. 변경 불가능 클래스를 만드는 이유는 단순하다. 우선 변경 불가능 클래스는 변경 가능 클래스보다 설계하기 쉽고, 구현하기 쉬우며, 사용하기도 쉽다. 오류 가능성도 적고, 더 안전하다. 변경 불가능 클래스를 만들 때는 아래의 다섯 규칙을 따르면 된다. 1. 객체 상태를 변경하는 메서드(setter)를 제공하지 않는다. 2. 계승할 수 없도록 한다. 계승을 금지하려면 보통 클래스를 final로 ..
//16방위각 이름 초기화 /*var azimuthName = ['북', '북북동', '북동', '동북동', '동', '동남동', '남동', '남남동', '남', '남남서', '남서', '서남서', '서', '서북서', '북서', '북북서'];*/ //32방위각 이름 초기화 var azimuthName = ['북', '북북북동', '북북동', '동북북동', '북동', '북동북동', '동북동', '동동북동', '동', '동동남동', '동남동', '남동남동', '남동', '동남남동', '남남동', '남남남동', '남', '남남남서', '남남서', '서남남서', '남서', '남서남서', '서남서', '서서남서', '서', '서서북서', '서북서', '북서북서', '북서', '서북북서', '북북서', '북북북서..
http://beneposto.pl/jqueryrotate/ jQueryRotate - rotate image in browser by any angle OpenSource Cross-browser jQuery plugin to rotate image by any-angle with an animation support. beneposto.pl jQuery를 통해 이미지 회전이 필요할 때 관련 라이브러리를 추가하여 기능 구현을 하면 된다. 아래와 같이 다양한 예제들이 소개되어 있다. $("#img").rotate(45); $('#img').rotate({ angle:45 }); $('#img').rotate({ angle: 0, animateTo:180 }); $('#img').rotate({ angle..
css() 메서드는 선택한 요소에 대해 하나 이상의 스타일 속성을 설정하거나 반환한다. //지정된 CSS 속성의 값을 반환 css('propertyname', 'value'); //일치하는 모든 요소에 대한 배경색 값 설정 $('#elementId').css('background-color', 'yellow'); //멀티 속성 css({'propertyname': 'value', 'propertyname': 'value', ...}); //일치하는 모든 요소에 대한 배경색과 글꼴 크기 설정 $('#elementId').css({'background-color': 'yellow', "font-size": '100%'}); //속성 제거 css('propertyname', ''); //일치하는 모든 요소에 ..
키워드 : 문자열 검색 경로 : /bin/grep 요약 : 패턴에 매칭 되는 라인을 보여준다. grep [옵션] 패턴 [파일] grep 명령어는 지정한 특정 문자열을 검색하여 동일한 문자열이 있는 줄의 패턴을 찾아 화면에 출력한다. grep과 비슷한 기능의 명령어로 egrep, fgrep, rgrep, agrep이 있다. 현재 디렉터리에서 하위 디렉터리까지 모두 검색하고(-r), 대소문자,를 구분하지 않고(-i), 검색 키워드를 갖는 파일을 보여준다. 이때 에러는 출력하지 않는다.(-s) grep -r "찾는 문자열" 탐색위치 grep -irls "gnome" ./* #대소문자 구분하지 않고 현재 위치에서 하위로 gnome 문자열 검색 grep -r "setEventList" ./service-api-c..
//전체 삭제 $('#elementId option').remove(); //특정 옵션 삭제 $('#elementId option[value=값]').remove(); //특정 인덱스 옵션 삭제 $('#elementId option:eq(2)').remove(); //첫번째 옵션 삭제 $("#elementId option:first").remove(); //마지막 옵션 삭제 $("#elementId option:last").remove(); //끝부분에 옵션 추가 $('#elementId').append('옵션'); //시작부분에 옵션 추가 $('#elementId').preppend('옵션'); //특정 인덱스 옵션 대체 $('#elementId option:eq(2)').replaceWith('옵션'..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/GPlOg/btqwCrgpcXi/hhkTBUpCkMA45BGUANLuZk/img.png)
telnet을 통해 ping 테스트를 하는 경우가 종종 있다. 하지만 telnet은 기본적으로 기능이 꺼져있다. 활성화 방법을 알아보자. 우선 CMD창에 telnet 명령어를 확인해 보자. 설치가 되지 않았다면 제어판에서 프로그램 및 기능 항목을 선택하여 Windows 기능 켜기/끄기를 클릭한다. Windows 기능이 나열되어 있는데 스크롤을 내리다 보면 Telnet Client 또는 텔넷 클라이언트를 선택하여 확인을 누른다. telnet 적용이 완료 되었으면 다시 한번 cmd 창에서 명령어를 확인해보자. 이렇듯 telnet 활성화는 생각보다 간단하다.
- 오라클 내장 함수
- 자바스크립트
- 프로그래머
- sort algorithm
- SQL
- 소프트웨어공학
- 회고
- Linux 명령어
- 리눅스 명령어
- 리액트 16
- 개발환경
- 제주도 여행
- 경력관리
- 프로그래머스
- effective java
- 정렬 알고리즘
- 제주도 3박4일 일정
- Java
- 자바
- Tomcat
- Collection
- javascript
- Eclipse
- 성능분석
- 리액트
- 이직
- 오라클
- spring
- React
- Maven
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |