본문 바로가기

전체 글

 (59)
웹 퍼블리셔 (카카오 웹 퍼블리싱) 이제는 카카오의 서브 페이지를 만들 차례이다. 먼저 메뉴에 있는 페이지를 퍼블리싱 하는 작업을 실시하였다. 대략 카카오의 모든 서브페이지를 작업할려면 새보았는데 대략 30페이지가 넘어간다. 그러면 메인페이지는 1일에 걸쳐서 만들어졌다고 하면 하루에 3개의 서브페이지를 만들어야 2주의 시간동안 만들 수 있을것같다. 웹퍼블리셔는 속도가 중요하다고 다들 말하기때문에 빠르고 정확하게 퍼블리싱을 하는것이 중요한것같다. 아직까지는 처음 사용해보는 제이쿼리에 시간을 많이 뺐겨서 진도가 잘 나가지는 않는데 점점 제이쿼리 문법 사용법을 알게 되는 것 같고 이로인해서 퍼블리싱 속도 또한 늘어 날 것이라고 생각한다. 이제는 블로그는 무언가 깨닮음이 있을때 적고, 코드는 깃허브에 올리는것이 좋을것같다는 생각이든다. 블로그에 ..
웹 퍼블리셔 (카카오 웹 퍼블리싱) 어제에 이어서 오늘 카카오 웹 페이지의 메인화면을 다 만들었다. 확실히 맨처음에만 제이쿼리를 이용 한 것을 제외하고는 나머지는 css의 레이아웃에 관련 된 것들이 대부부이었다. 이번에 카카오 웹을 퍼블리싱 할 때 느낀것이지만 참 레이아웃을 잘 잡은것같다 깔끔하면서도 꽉 차보이는 구성들이 알맞게 잘 들어가 있는것같았다. 이것 또한 디자이너의 역량이지 않을까 싶다. 이전에는 하나의 웹을 메인페이지만 퍼블리싱 했다면 이번에는 구성요소들까지 다 퍼블리싱을 해 볼 생각이다. 하나의 메인 페이지만 달랑 만드는것보다 여러가지 페이지를 만들고서 호환이 잘되는지도 체크해야하고, 표준성이나 접근성에 문제가 없는지도 확인 해야 하기 때문이다. 2번의 포트폴리오를 만들고 나서 든 생각이지만 더 알차고 짜임새가 좋은 코드를 만..
웹 퍼블리셔 (카카오 웹 퍼블리싱) 웹 표준과 , 웹 접근성에 대해서 공부를 한 후, html언어에 대한 관심과 어떻게 사용해야 하는지에 대해서 더 알게 되는 시간이었다. 이번에는 웹 표준과, 웹 접근성에 맞추어서 html를 작성하였다. 제이쿼리 또한 문법 사용법을 공부 한 후 라이브러리를 바로 사용하지 않고, 스스로 만드는 작업을 해보았다. 자바스크립트를 공부를 하고 나서 제이쿼리를 공부하는 것이어서 제이쿼리를 슥듭하는것은 어렵지 않았다. 좀 더 라이브러리를 사용하지않고 스스로 함수를 만들어서 제이쿼리를 작성하는 연습을 한 후 나중에 익숙해지면 어떠한 라이브러리가 있는지 알아보고 사용 해 볼 생각이다. 이번에 카카오 웹 사이트를 퍼블리싱 하면서 기존에 사용하던 react프레임워크를 사용하지 않고, 처음으로 html, css , jquer..
웹 퍼블리셔 - (성장계획) 개발 채용시장이 많이 안좋아졌다는 지인들의 말과, 실제로 많은 시간을 취업준비에만 활용하고 있는 지금 이시간을 더 나에게 집중하는 시간으로 만들어 보기로했다. 먼저 react 프레임워크를 사용하여 html작업을 했었는데 과연 웹퍼블리셔가 react를 사용해서 프레임 워크를 만드는것이 장점이 있을까? 라는 생각을 하게 되었다. 후에 프론트엔드 직군에 발을 들이게 된다면 react 프레임 워크는 필수이겠지만, 지금 웹퍼블리셔는 과연 필수일까라는 생각을 들었다. 우대사항에 있을 수도 있기 때문에 react프레임 워크로 작업을 했지만, 더 본연에 다가가기로했다. 웹 퍼블리셔가 갖춰야 할 것들을 생각해보았다. 1. 웹 표준, 웹 접근성에 대한 이해와, 크로스브라우징 개발 2. 자바스크립트로 동적효과를 주고있었는데..
웹 퍼블리셔 - (제네시스 웹, 모바일 퍼블리싱) 저번에 프로젝트 개인 프로젝트로 제네니스 웹페이지를 퍼블리싱하는 작업을 끝내고 배포까지 완료한 상태에서 블로그를 작성한다. 이번 프로젝트에서는 슬라이드 배너에 대해서 더욱 자세하게 알게 되지 않았나 라는 생각이든다. 스스로 슬라이드 배너에 대해서 더 좋은 지식이 있었으면 좋겠다라는 생각으로 프로젝트에 전념을 했는데 좋은 결과가 나와서 다행이라고 생각한다. 모바일 버전에 슬라이드 배너를 만들때에는 사용자의 디바이스 값에 맞춰서 슬라이드를 진행시켜야 하는것에 크게 집중을하였다. 어느정도의 퍼블리싱 실력이 갖춰지고 있다는 생각이 들고있다. 어려운 취업시장에서 내가 어떠한 특별한것을 더 갖춰야 취업이 잘 될 수 있으지 요즘 너무 고민이다. 디자인을 해야할지, sass에 대해서 공부를 해볼것인지 등등 말이다. 서..
웹 퍼블리셔 (제네시스 퍼블리싱) 이번에는 제네시스 홈페이지를 웹 퍼블리싱 해보았다. 이번 제네시스 홈페이지를 웹 퍼블리싱 하면서 혼자서 깨달은 점이 있다. 저번 홈즈케어 홈페이즈를 퍼블리싱 할때에는 버튼 슬라이드 형태의 사용자의 기준에 맞춰서 이동하는것을 파악했다면, 이번에는 무한 루프로 작동되는 슬라이드배너를 만들어보았다. 저번에 만든 슬라이드배너를 다시 생각해보면서 슬라이드 배너를 만드는 것은 크게 문제가 되지 않았다. 다시 기록해 보자면 해당 윈도우에서 컨테이너가 가지고 있는 길이값을 구해서 그 길이 값을 이동시켜주는것이다. const img_slide = (index) => { img_banner.current.style.transition = "all 1s" img_banner.current.style.transform = `..
웹 퍼블리셔 (홈즈케어 퍼블리싱 모바일) 데스크탑 버전으로 만든 홈즈케어를 반응형으로 모바일 버전으로 만들어보았다. 포폴 반응형을 만들면서 든 생각이지만 반응형을 만들때에는 처음부터 반응형을 어떻게 만들지 생각하고 만드는 것이 좋은것같다. 그리고 나는 반응형 컴포넌트를 따로 만들어서 유지보수가 쉽고 빠르게 되도록 만들었다. window의 가로 길이에 맞춰서 각각에 맞는 웹호환 컴포넌트를 배치해주었다. import Header from "./component/Header"; import Businessarea from "./component/Businessarea"; import Service from "./component/Service"; import Review from "./component/Review"; import Faq from "..
웹 퍼블리셔 (홈즈케어 퍼블리싱) 2023년 12월 02일 ~ 12월 03일 2일간 진행한 홈즈케어 퍼블리싱이다. 포트폴리오를 만들면서 반응형에대해서 좀 더 자세히 알게 되었고 처음에 코드를 만들때부터 반응형도 만들수 있도록 코드를 잘 만들어야 한다는 것을 기억하면서 제작했다. 먼저 데스크탑에 보여질 웹페이지를 만들었다. 이번에 폰트어썸에 대해서 코드로 사용하기 위해서 폰트어썸 라이브러리를 추가해주었다. 항상 svg코드를 불러와서 사용했었는데 불필요하게 정리가 안되어있게 보이기도 하고 맘에 안들어서 라이브러리를 추가해주었다. import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import {faInstagram} from "@fortawesome/free-brands-sv..

티스토리툴바