너와 나의 프로그래밍

State는 어쩌면 React의 꽃이라고 부를 정도로 가장 중요한 부분이 아닐까 싶다. 그만큼 심오하고 깊게 파고들 필요가 있을 필요가 있다. 사실 이 부분의 대해 깊게 파보지 않은 상태지만 그 전에 State가 뭔지, 그리고 State를 어떻게 써야되는지의 대해 글을 쓰려고 한다. 물론 이번에도 정말!!! 쉽게 풀어보려고 한다. 리액트에서 State(컴포넌트)란? State의 특징이라면 Props와 다르게 동적으로 값을 수정할 수 있다는게 가장 큰 핵심이자 특징이다. Props는 부모에서 자식으로 전달되는 단방향 방식으로 수정할 수 없지만 State는 Component안에서 수정이 가능하다. State를 만들자. 제일 먼저 state를 선언해 준다. state는 여러가지 방법으로 만들 수 있는데 첫번째..

이번 시간에도 리액트를 어떻게 하면 쉽게 설명할 지의 대한 고민이 생겼다. 'Component(컴포넌트)'라는 말에서 벌써부터 어려움을 겪는 초보자들이 있을 것 같다.(물론 나도 초보지만...) 리액트에서 Component는 어떤 역활을 하는지 정말 쉽고 간단하게 설명해보려고 한다. 리액트에서 Component(컴포넌트)란? React.js 공식 홈페이지에서 번역기를 돌려 가져왔다...(개발자인데 영어를 못하는게 함정...) 혹시 Java Web을 개발하시는 분들이라면 "CustomTag"를 만드는 방식과 비슷하다고 생각한다. 결국에 자신이 만들고 싶은 템플릿을 만드는 것. "커스터마이징"을 한다고 본다. 이제, 컴포넌트가 왜 "작고 재사용 가능한 코드 조각" 이라고 하는지 알아보려고 한다. 컴포넌트를 ..

리액트에서 Component 만드는 것 보다 더 이해가 안가고 도저히 블로그를 보고 책을 찾아봐도 초반에는 이해가 안되서 따로 정리를 해보려고 한다. (내가 이해 부족인듯...) 아마 지금 이 글을 쓰면서도 내가 이해한 것과 타인이 봤을 때 다른 점이 있을 수도 있다고 생각한다. React에서 정말 중요한 Props를 최대한 쉽게 풀어보려고 글을 써본다. 시작하기 전에 준비해야 할 것. App.js(이건 굳이 생성안하셔도 있을거라 믿고...) TestComponent.js 생성 Props(Properties의 줄임말) 1. 부모에서 자식으로에게만 전달 : 이 말이 무엇이냐면, 보통 예제로 실습하는 App.js(부모)에서 TestComponent라는 자식 컴포넌트을 하나 만들고 값을 App.js에서만 값을..

예를들어 Element의 CSS를 'background-position : 50% 50%;'로 주었을 때를 가정. Chrome이나 Edge, FF는 background-position-x를 Jquery의 $(element).css('background-position-x'')함수로 값을 받아올 수 있지만, IE11에서는 이상하게도 받아올 수 없어, 순수 자바스크립트(element.style.backgroundPositionX)로 받아왔다. 사실 원인 파악이 가장 중요하지만 아직 원인 파악이 되질 않았다. IE나 Edge는 여러가지로 참 문제가 많은 것 같다.

Node.js의 도서가 참 많았고 서점에서 여러가지의 책을 보면서 이 책을 선택했고 정주행하여 지금 도서 리뷰를 써본다. 처음에는 생활코딩의 동영상을 보면서 공부하게 되었지만, 역시 책을 한번 보는 것이 좀 더 깊게 개념을 이해하기가 쉬웠다. 일단 책 선정에 앞서 몇 가지 기준점을 둔 것이, 입문서로 적당한가? 코드에 중략이 많은 지. 소설 같은(?) 느낌의 재미가 있는지. 가독성이 괜찮은지 이 네가지를 기준으로 두어 보게 되었다. 그 중에서도 가장 이해하기 쉬운 설명이 최우선순위 였는데 아주 괜찮았다. 사실 이 책이 나오기 전에 Do it 시리즈로 나온 Node.js의 도서가 있지만, 지금껏 Do it 시리즈를 읽어봤지만, 첫번째로 가독성이 너무 떨어진다. 글이 너무 길다보니 이 사람이 무슨 말을 하는..

[Spring] 다운로드 구현 시 다국어 깨지는 현상 파일 다운로드 구현 시 다국어가 깨지는 현상이 발생했다. 예를들어 브라우저의 언어가 한글인데 파일 이름이 일본어로 되어있는 파일을 다운로드 할 때 정상적으로 UTF-8을 지원하지 않아 정상적으로 다운로드를 못하는 현상이 있었는데, 그때마다 브라우저의 locale을 바꾸면 해결 가능했지만, 그렇지 않은 경우가 있어 해결하였다. 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 29 String FileName = ""; // 파일 이름 구하기 // 브라우저 별로 체크 private String getBrowser(HttpServletRequest request) { St..