Light
Dark
개요 이전에 살펴보았던 새로운 방식의 프론트 작업방식. 이런 방식을 지원하는 라이브러리가 바로 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
개요 처음 프론트앤드를 배우면 보통 각 페이지에 해당하는 html파일을 만들고 사용한다. 이렇게 하다보면 요소가 중복되고 코드가 길어지면 유지보수가 힘들어진다. 그럼 이런 생각을 해볼수도 있다. 자바스크립트는 페이지를 동적으로 조작하기 위해 사용한다. 즉, 자바스크립트를 통해서 요소를 만들고 삭제하는등의 작업이 가능하다. 그렇다면 ... Read More
