너와 나의 프로그래밍

React를 공부하면서 가장 마음에 든 것중에 하나가 라이프사이클 메서드가 있다는 것이다. 라이프사이클은 간단히 말해서 어플리케이션이 실행 될 때의 '순간 순간'이라고 생각하면 쉽게 이해할 수 있을 것 같다. 보통 로딩이나 로딩 후 제어라든지, 또는 값을 불러오기 전과 후의 처리를 명확하게 해줄 수 있는 메서드가 있다는건 아주 명확하고 큰 장점이라고 생각한다. 예전에 공부했던 Android도 라이프사이클 메서드가 있어서 굉장히 편리했던 생각이 든다. 아마 요즘 최신 프론트엔드 개발 방식에서도 라이프사이클 메서드가 있다고는 생각한다.(잘 모르겠지만...ㅎㅎ) 라이프사이클 메서드의 종류. 1. getDerivedStateFromProps - 컴포넌트를 마운트 하거나 props를 변경할 때 호출 2. comp..

[JQuery] 동적으로 생성된 Textarea에 자동 높이 이벤트 바인딩 IE8부터 Textarea의 높이값이 자동으로 증가되지 않아, 자바스크립트나 제이쿼리를 사용해 자동으로 높이를 늘리는 방식을 많이 사용하고 있다. 순수 CSS를 찾아보려고 노력해 봤지만 특별히 원하는 결과가 나오지 않았다. 기존 Textarea의 Element가 DOM에 있을 때의 자동으로 높이값을 주는 방식은 이미 구글에서도 자동으로 높이값을 늘릴 수 있는 방법이 나와있지만, 동적으로 Textarea가 생성됬을 때 자동으로 높이 값을 설정 할 수 있는 방법을 찾아 모두에게 소개하려고 한다. 먼저 예시를 위해 div 태그를 하나 생성 후 Button을 이용해 클릭 했을 시 Textarea를 생성하기 위해 기본적인 Dom을 생성한다..

톰캣에서 서버를 실행했을 때 간혹 발견되는 오류 중 하나다. 사실 잘 발생은 안하는데 이클립스 내에서 JDK를 2개 이상 사용했을 때 서버가 해당 버전의 맞지 않는 JDK를 사용했을 때 나오는 에러 같다. 이클립스 메뉴 -> Windows -> Preferences -> Java -> Installed JREs 에서 사용하고 싶은 JDK 버전을 체크하고 Apply 시킨 뒤 서버를 재 시작하면 해결이 된다.

SelectBox의 Option의 Text color를 바꾸는 동작을 구현하는 중 IE에서만 Text의 Color가 정상적으로 변경되지 않는 문제가 발생하였다. DOCTYPE html> Document window.onload = function(){ var selectbox = document.getElementsByTagName('select')[0]; var options = selectbox.querySelectorAll('option'); document.getElementById('change').addEventListener('click', function(){ for(var i = 0; i < options.length; i++) { options[i].style.color = 'blue'..

[CSS] 여러개의 Span태그에 깔끔하게 Border 만들기. span태그에 mouseover/mouseout을 해서 빨간색 border상자가 생기고 없어지는 스크립트를 구현하고 있었다. 하지만 여러개의 Span에서 mouseover를 하면 뭔가 흔들리면서 border가 나와 멀미가 나올 지경이였다. Hi. Hello. Span태그에 존재하지 않던 border가 생겨서 1px씩 밀리는 현상이 있어, 맨 처음 Span 태그에 margin:1px을 줘서 해결하였지만, 모든 Span들의 margin값이 1씩 늘어나 내가 의도하는 구현과는 달랐다. 그래서 나온 결론이 처음으로 설정한 margin값을 지우고 border가 생길 때 마다 margin에 -1px씩 주었다. 이렇게 하면 border가 생기면서 Spa..

프롤로그... 최근 프론트엔드 기술이 발전하면서 저절로 인기를 얻어 3대장(React/Angular/Vue)중 하나의 기술을 습득하고 싶었다. 3대장중 Angular.js는 프레임워크, Vue와 React는 라이브러리로 국내 기업에서는 어떤 기술들을 많이 사용하는지 찾아보고 3대장 기술들의 API를 확인해 본 결과, React가 React Native로 앱을 만들 수도 있다는 사실을 알게 되고 바로 React로 선택하게 되었다. 사실 Vue와 React 중 무엇을 선택할 지 정말 많이 고민했다. 아마 나같은 고민을 한 사람들이 정말 많을 거라고 생각한다. 비슷한 문법에 둘다 라이브러리였고 빠른 생산력과 가성비로 좋은 Vue를 할 것인가, 확장성이 넓고 다양한 개발을 할 수 있는 React로 할 것인가....