Light
Dark
개요 우리가 보는 웹 사이트들은 대부분 위에서 아래로 구성되어있다. 그리고 이에 맞게 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
개요 변수란 변하는 값을 나타내는 기호라고 할 수 있다. 자바스크립트나 다른 프로그래밍 언어를 다룰 때 우리는 변수를 선언하고 값을 할당하여 재사용한다. CSS에서 변수를 사용할 수 있다는 사실은 일단 잠시 제쳐두고 변수가 필요한 경우가 어떤 경우일까 살펴보자 필요성 프론트 웹 프로젝트에서 어떤 색깔을 사용할지 고민하고 있다. 이... Read More
