목록웹개발/프론트 (2)
세상에 나쁜 코드는 없다
크롬의 시작화면에서는 왜 바로가기 아이콘을 10개까지만 만들 수 있을까요? 또한 같은 기능을 같은 UI로 다양한 브라우저에서 사용할 순 없을까요? 전부터 이게 불만이었던 저는 웹애플리케이션을 만들어서 새 탭을 커스터마이징해보기로 했습니다. 공통페이지 전환각각의 페이지를 전환할 때 효과를 주기 위해 CSSTransition을 사용했습니다.화면 전환화면 전환시 기존의 페이지가 밀려나고 새로운 페이지가 들어오는 형태의 UI를 제공했습니다. 이 과정에서 메뉴나 상단바 아이템들은 전환의 대상이 되지 않고 고정되게 해놨습니다. 페이지 전환은 버튼을 통해서도, 단축키를 통해서도 이루어집니다. 이 과정은 page routing이 아닌 내부 컴포넌트 변경을 통해 이루어집니다. 따라서 navigation hook은 사용하..
최근에 처부에서 토이 프로젝트를 진행하면서 간단한 웹을 구현하는데, 이곳 "직장"특성 상 웹서버를 구동할 수도 없고 오직 순수한 html css javascript로만 개발을 해야하기 때문에 '이런 기능을 넣어서 만들면 좋겠다' 라고 구상했던 것들을 구현하지 못하게 된 것이 많다. (평소에 깊게 공부를 안한 탓이다) 이번 프로젝트는 순전히 로컬파일인 웹소스들을 통해서 평소에 하는 업무를 편하게 하기 위함이었다. 이번 개발을 하는 동안 프론트엔드에서 돼서는 안되는 것들에 대해 막연히 될 것이라고 생각했었다. 처음으로는 문제가 된 구상은 웹 내부의 버튼을 누르면 내 컴퓨터에 위치해 있는 특정 파일(한셀)을 실행시키는 기능이었다. 이 웹개발을 하면서 나는 예전에 node.js 를 사용하여 서버의 pc의 파일 ..