Light
Dark
개요 기술이 발전함에 따라 다양한 디바이스에서 웹을 사용할 수 있게 되었다. 핸드폰의 경우 처음엔 웹 접속이 가능한 휴대폰들이 나왔고 그 다음으론 초창기 스마트폰으로 웹에 접속해서 사용했다. 이 시기에는 동작이 매끄럽지 않고 사용하기 불편했던 것을 기억할 것이다. 그러다 스마트폰이 대중화되기 시작하면서 어떤 디바이스를 사용해... Read More
개요 이전에 살펴보았던 새로운 방식의 프론트 작업방식. 이런 방식을 지원하는 라이브러리가 바로 React이다. 화면을 컴포넌트 단위로 설계하고 렌더링한다. 리엑트에 대해 공부해보고 간단한 애플리케이션을 만들어보자. 리엑트 공식 사이트에서 틱택토 앱 튜토리얼을 제공하고있다. 설치 과거에는 웹팩과 바벨을 이용했었다. 웹팩이란 오픈 소스 자바스크... Read More
개요 우리가 보는 웹 사이트들은 대부분 위에서 아래로 구성되어있다. 그리고 이에 맞게 block요소는 화면의 양 끝까지의 너비를 가진다. 따라서 수직 배치는 그렇게 어렵지 않다. 그러나 수평 배치는 조금 얘기가 다르다. 지금은 flex라는 정렬 속성이 생겼기 때문에 쉽게 처리가 가능했지만 예전에는 float와 같은 속성을 이... Read More
개요 웹 사이트에 로그인하지 않았을 때는 상단 헤더에 로그인 버튼이 보이고 로그인을 하면 로그아웃 버튼으로 바뀌거나 내 정보를 보여준다. 어떻게 구현하는 걸까? JSP부터 Thymeleaf까지 정리해보자. JSP와 시큐리티 방법 1 컨트롤러에서 유저의 인증정보를 사용하기 위해서는 Princip... Read More
개요 이전의 포스팅에서 컴포넌트 단위의 개발을 다뤘었다. 이런 방식을 사용하는 대표적인 라이브러리가 바로 리엑트다. 이번에는 직접 만들어보려한다. “What I cannot create, I do not understand.” 예전에 합성생물학을 공부할 때 들었던 말로 내가 만들 수 없다면 이해한 것이 아니라는 말이다. 이미 ... Read More
