Hello,

kok nae-ga ha-myun an-dweneun MAGIC...🧚

2018/08 5

게임 리뷰/One hour one life
[ One Hour One Life ( 원아월 원라이프 ) ] 스프 만들기 🍲

오랜만에 원라이프 공략(?)을 써본다.예전에는 남자친구가 알려주었지만 이젠 나도 중수정도 된다 😚대도시에서 스프 만드는걸 캡쳐해 왔다.(*도구가 모두 갖춰진 곳에서 스프를 만들었으므로 도구 만드는 방법은 없음😓*)...처음 보면 엄청 복잡게 느껴지지만 3번만 하면 마스터 한다...!우선 대도시에서라고 칭한 이유는 도끼가 있어야 하기 때문에...도구로는 그릇, 접시, 큰 통, 도끼와 작물은 호박, 콩, 옥수수🌽가 필요하다.당연히 호박, 콩, 옥수수는 키워 놓은 상태! 첫번째로 호박을 먼저 넣어야한다.캡쳐본이 없지만 다 키운 호박을 뾰족돌로 클릭하면 호박이 '둥!'하고 나올것이다.자른 호박을 우리는 접시 위에 올려한다.그다음 도끼로 호박을 찍어버리면이렇게 세모난 호박이 되어 버린다.이친구를 들고 큰통안에 넣..

2018.08.31 ﹒ 17:39
웹 프로그래밍
[웹 디자인] 디자인의 종류들을 알아보자.

어제 웹 프론트앤드의 책을 사서 읽기 시작했는데 역시 책에는 많은 소중한 정보들이 있다.. 짜릿해..😚 책 초반에 많은 디자인 종류들이 나오는데 유용한것 같아 정리해보려고 한다...첫번째, 플랫(Flat) 디자인.영어 뜻 그래도 '평평'하고 '납작'한 디자인 이다.위쪽에 있는 디자인을 말한다. 아마 흔히 볼수있는 디자인이다!(부트스트랩에서도 이런 플랫 디자인으로 버튼이 나오구..!) 두번째, 카드형 디자인. (Card-Based Design)https://www.pinterest.co.kr/종종 사용하는 사이트인데 카드형으로 이루어져 있다. 여러 콘텐츠를 목록처럼 나열하는 페이지에 적합하다. 세번째, 그리드 레이아웃.반응형 웹을 공부하면서 기본적으로 나오던 현재 가장 많이 사용하는 레이아웃 아닐까한다!요..

2018.08.31 ﹒ 10:19
웹 프로그래밍
반응형 웹의 짝꿍 플렉서블 박스(Flexible Box)에 대해 알아보자

자바 스크립트와 jQuery와 함께 반응형 웹에 대해서도 책으로 공부하고 있다 XD 그중에서 반응형 웹과 환상의 콤비라고 불리는 플렉서블 박스(Flexible Box)에 대해 공부해봤다. 유독 어렵게 느껴지는 친구였다..😒 ▼ 책의 예제로 연습한 친구 움짤로 준비하진 못했지만 당연히 반응형...( 당연히 가로길이 %..! ) 우선 개념을 간단히 살펴 보면 부모 박스 = 플렉서블 박스, 플렉서블 박스의 자식 박스 = 플렉스 아이템 이라고 불리게 된다. 그리고 아이템의 배치 방향에 따라 주축이 결정 되며 ( 가로 주축. 세로 주축 ) 주축에 교차하는 축을 교차축이라고 말합니다. ( 주죽이 가로라면 교차축은 세로 ! ) +) 플렉서블 박스 기술 개발은 현재 진행형 입니다 :) 호환이 안되는 브라우저가 있을 수..

2018.08.29 ﹒ 18:00
웹 프로그래밍
[ jQuery ] 슬라이드 배너 만들기 2편

[Web Programming] - [jQuery] 슬라이드 배너와 스크롤 탐지 메뉴바 만들기 이전 슬라이드 배너에서는 플러그인을 사용했었는데 사용하다보니 문제점이 하나 있었다! 반응형이 안되던것... 처음 웹 브라우저의 크기를 인식해서 되는 것 같았다. 😓그래서 책을 보고 우선 반응형으로 만들어보고 슬라이드 애니메이션을 추가해 보았다. ① 일정한 시간에 한 번씩 배열에 들어있는 이미지를 순차적으로 전환② 전환 시간 설정 가능③ 이미지 무한 롤링④ 함수 활용 html + css 부분123456789101112131415161718192021222324252627282930313233343536373839 banner body{ margin: 0px; } #banner{ width: 100%; height..

2018.08.28 ﹒ 11:48
웹 프로그래밍
[jQuery] 슬라이드 배너와 스크롤 탐지 메뉴바 만들기

참고 블로그배너 : http://two-leaves.tistory.com/entry/간단한-슬라이드-배너만들기 메뉴바 : http://webdir.tistory.com/481 위는 완성한 결과물이다! 😆배너는 일정 시간마다 자동으로 넘어 가게끔 슬라이드 효과를 나태냈고상단 맨위 두번째 메뉴부분을 스크롤을 인식해서 일정 부분을 위로 스크롤시 나타나고아래로 스크롤시 사라지게 나타냈다. html과 css는 가볍게 훑어본 뒤 jQuery부분을 중점으로 다루겠다. 12345678910111213141516171819202122232425262728293031323334353637 Music Player Music Award Album Music Colored by Color Scriptercs html 부분은 다..

2018.08.02 ﹒ 12:21