Posted in 공지사항

블로그 리뉴얼

블로그 리뉴얼

블로그 디자인을 리뉴얼했습니다. 포트폴리오 사이트는 “만든다 만든다”하면서 차일피일 미뤄두고 있습니다. 뭐든지 마음을 먹고 실행에 옮기는데에는 망설임이 많기 마련인데, 가장 큰 문제는 항상 시간에 쫓긴다는것이겠죠. 나름의 우선순위를 정하고 일을 하다보니 미뤄지는 것들이 종종 발생합니다.

여튼 블로그는 가장 많이, 자주 쓰는 공간인데 기본적으로 주어지는 테마를 갖고 쓰다보니 항상 아쉬움이 있었습니다. 이번 기회에 손을 대고 만들기 시작했는데, 대략 6일정도 걸렸네요. 아직 전부 완성된 상태는 아니고, 편의를 제공하는 부분에서 미흡한 부분들이 있습니다. 차근차근 또 작업해서 추가해나가야겠네요.

역시나 이렇게 하나하나 만들다보면 공부하게 되는 것들도 많은 것 같습니다. 이번에는 워드프레스 함수에 대해서도 좀 삽질하면서 공부해보고, 매번 SASS를 사용하기 위해 환경설정을 새로 하는 부담을 덜기 위해서 편리한 프로그램도 찾아서 사용해봤습니다.


스카우트 앱이라고 하는 어플리케이션입니다. 사용방법도 간단하고, sass를 편리하게 쓸 수 있도록 도와주는 susy나 compass와 같은 프레임워크 연동도 손쉽게 해낼 수 있어서 복잡한 환경설정을 하지않아도 바로 사용할 수 있어서 편리합니다. 소스가 수정될때마다 감지해서 자동으로 브라우저를 새로고침해주는 livereload라는 어플리케이션도 있는데, 이건 현재 제대로 동작하지 않는것인지 제가 설정을 잘못한건지 정상작동이 되지 않길래 패스했습니다.

gulp에서 browser sync를 활용하면 되긴합니다만, 브라우저 싱크도 쓰다보면 뭔가 좀 꼬이거나 속도면에서 성에 차지 않는 구석들이 있더군요… 컴이 후져서 그런가


워드프레스 제작사인 Automattic에서 제공하는 스타트테마입니다. 스타트테마는 별도의 자식테마를 만들지 않고, 바로 수정해서 사용하도록 되어있다고 합니다. 지난번에는 underscores 테마에 bootstrap을 입힌 understrap 테마를 사용해봤는데, 확실히 만드는 시간은 단축되는데 부트스트랩을 따로 또 공부해야하는 부담이 있습니다.

반응형 사이트를 만드는데 있어서 편리함을 갖고자 부트스트랩을 사용했었는데, sass 프레임워크 중 레이아웃을 손쉽게 잡아주는 susy를 알고나니 차라리 html에 직접 클래스를 삽입해서 레이아웃을 조절하는 부트스트랩보다는 css 내에서 컨트롤할 수 있는 susy쪽이 낫다는 생각이 들었습니다. breakpoint와 함께쓰면 반응형으로 만들기 편리하다고는 합니다만, 또 공부해야할 것들이 늘어나니, 그냥 한번 써봤던 compass와 susy를 곁들여서 만들었습니다.


이렇게 만들고 나니 여기저기 부족하고 눈에 걸리는 부분들도 많이 생기지만, 만족할때까지 붙잡고 늘어지면 평생 끝나지 않을것 같아서 일단 여기서 1차적으로 마무리 했습니다. 사용하는데 편리하도록 몇가지 기능들도 추가할 예정이긴한데, 확실히 이미지 로딩이 많아지면서 속도가 쳐지는 부분들도 있네요. 최적화에 대한 고민도 같이 해봐야할 것 같다는 생각이 듭니다.

여러모로 공부할게 많네요 ‘ㅁ’

2

Written by 코르니유

방황하는 일러스트레이터. 질풍노도의 웹/그래픽편집디자이너. 귀가가 귀찮아 외출도 귀찮은 스페셜 귀차니스트. 철부지들을 싫어하지만, 정작 본인은 철들기를 거부하는 30대 아저씨