우당탕탕 개발 블로그 도전기

UI  프로토 타입 짜보기월요일 아침부터 회의 끝에 UI 프로토타입 작업에 들어갔다. 카카오 오븐, Figma 등 UI 디자인 툴은 다양했는데 우리는 Figma라는 툴을 사용하여 UI 프로토타입을 작업하기로 했다.  첫번 째 문제 발생 야심차게 Figma 툴을 사용해서 UI 프로토타입을 제작해보려 했지만, 나를 포함해 팀원들 누구도 Figma를 사용해 본 적이 없었다. 마침 옆 팀에서 Figma로 UI 프로토타입을 제작했길래 어찌저찌 물어보면서 완성할 수 있었다. 블로그 글들을 보니 Figma를 이용해 마인드맵과 메뉴 구조까지 구현하는 사람들도 많았는데 우리는 그럴 시간적 여유가 부족했기 때문에 대충 어떤 식으로 페이지를 디자인할 건지 각 카테고리의 대표적인 페이지들만 구성했다  소통 그리고 또 소통작업..

오늘 배운 부트스트랩이 가진 다양한 기능을 모아놓은 정리 노트이다. 개인적 생각이 주로 가미되어있으니 주의바람 BootStrap 다운로드 https://getbootstrap.com/docs/3.3/ Bootstrap · The world's most popular mobile-first and responsive front-end framework. Preprocessors Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Quickly get started with precompiled CSS or build on the source. Ful..

앞서 생년 월일을 선택하는 드롭다운에 이어 moment.js를 이용한 아날로그 시계 만들기를 해볼 예정이다. (moment는 jquery가 존재한다는 가정하에 동작하는 외부 라이브러리이다 'jquery 필수!) moment.js 다운로드 https://momentjs.com/ Moment.js | HomeFormat Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); ..

국비과정 개강 후 초반부에 기초적인 프론트엔드 파트를 배운 후, Java와 DB(oracle)을 거쳐 다시 프론트엔드 파트로 돌아오게 되었다. 오늘 배운 내용 중 궁금했던 내용을 대충 복습하는 겸 정리하는 노트다. Jquery란? 쉽게 이야기 하자면 JavaScript를 더욱 쓰기 편하게 압축시켜 놓은 것이다. 라이브러리의 한 종류라고 생각하면 편하다. Jquery 다운로드 페이지 https://jquery.com/download/ HTML 페이지에서 jquery 등의 외부 라이브러리를 사용하려면 태그 안의 script 단에서 링크를 걸어줘야 한다. Jquery를 사용하면 JavaScript만 단독으로 사용했을 때보다 더욱 축약된 코드를 사용 가능하다. // 에 접근 //1) JavaScript에서 접근..