Skeleton의 세상

딩동펫의 IQ트레이 돌돌이 장난감 생각보다 사이즈가 커서 놀랐어요! 조립하도록 해서 오네요! 조립해봅시다! 짜잔! 이곳을 통해서 간식을 넣어줄 수 있어요. 근데 생각보다 간식이 잘 떨어지진 않네요 오래 가지고 놀 수 있을거같아요! 나갔다와도 모르겠어요!!ㅋㅋㅋ 근데 플라스틱이라 내구성이 엄청 좋은편은 아닌거 같아요 하지만! 가격대에 준하게 사용은 할 수 있을거같네요! 아직은 저희 강아지가 어떻게 해야 간식이 나오는지 모르고있어서... 차차 알게 되겠죠! ㅋㅋㅋ 바보 강아지 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음

오늘은 쉐드킬러에 대하여 알아봅시다! 이렇게 포장되어 있네요! 그럼 한번 써봐야겠죠?? 와 지금까지 써오던 빗들이랑은 달라요! 슈슈가 누워서 받을정도로 좋은거같아요 꼬인털은 왼쪽 사진처럼 빠질털들 제거하는데는 왼쪽에 있는걸 사용하면 좋을거같아요! 이걸 지금 구매했다는게 후회될정도네요 지금까지 써오던 빗들 다 필요없었는데 빗어주니까 복슬복슬해졌어요! 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음

21층 엘리쟈를 소환하고 퇴치하기 ☆ 엘리쟈 제외한 사냥 마릿수 22층 구름을 밟고 다음 층의 입구까지 돌파하기 ☆ 떨어진 횟수 23층 투명 발판을 밟아 다음 층의 입구까지 돌파하기 ☆ 떨어진 횟수, 타인이 길을 보고 있었는지 여부(O, X) 24층 배경음악을 듣고 마을 이름 맞추기 ☆ 각 배경음악 이름 25층 쉼터 26층 오렌지 슬라임을 퇴치하여 얻은 오렌지 슬라임의 액체 10개를 제물에 떨궈 더 많은 오렌지 슬라임을 소환해 오렌지 슬라임 300마리 퇴치하기 ☆ 총 주운 액체 수, 슬라임 소환 시도 횟수 (성공, 실패 여부 관계없음) 27층 장애물과 함정을 피해 다음 층의 입구까지 돌파하기 28층 도마뱀 굴을 일반 공격으로 공격해 벨라모아와 프릴드를 불러내고 각각 20마리 퇴치하기 ☆ 특정 위치에 나온..

미디어 쿼리란? 미디어에게 질문하고 감지하여 웹사이트를 변경하는 기술입니다 스타일에 사용하면 됩니다. 사용 방법은 일반 CSS 사용방법과 다르지 않지만 한가지를 더 적어주어야 합니다. @media only and (max-width: 560px) { } 위와 같은 코드가 추가되어야 합니다. (max-width: 560px) 이렇게 적혀있는 부분에 조건을 적어서 조건에 맞을때 동작하도록 만들 수 있습니다. 좀더 크게 보여드리겠습니다. style에 이렇게 적은뒤 HTML에 .test-box를 만든뒤에 브라우저를 한번 줄였다가 늘였다가 해보세요!

뷰포트에 대하여 한번 알아볼까요 뷰포트는 각각의 기기에 따라 환경을 설정해줍니다. 만약 뷰포트를 사용하지 않으면 PC의 화면이 모바일 화면 안에 모두 들어가려고하면서 글자, 이미지 등이 전부 작아져서 눈으로 보기 힘듭니다. 아래의 값처럼 설정을 통하여 간단하게 설정해줄 수 있습니다. width=device-width : 페이지의 너비를 기기의 스크린 너비로 설정합니다. 즉, 렌더링 영역을 기기의 뷰포트의 크기와 같게 만들어 줍니다. initial-scale=1.0 : 처음 페이지 로딩시 확대/축소가 되지 않은 원래 크기를 사용하도록 합니다. 0~10 사이의 값을 가집니다. minimum-scale : 줄일 수 있는 최소 크기를 지정합니다. 0~10 사이의 값을 가집니다. maximum-scale : 늘릴..

가변 그리드를 이용하여 반응형 박스를 만들어 보겠습니다. 보통은 .test-box { width: 100px; height: 100px; background-color: red; } 이런식으로 고정한 너비를 사용하는 경우가 많습니다. 하지만 이는 반응형을 만드는데 적합하지 않은 방법입니다. .test-box { width: 100%; height: 100px; background-color: red; } px을 %로 바꾸었을 뿐인데 결과를 보시면 많이 다릅니다. 브라우저의 너비에따라 박스의 너비가 변화되는걸 알 수 있습니다. 이것이 반응형 웹의 기본적인 시작점이라 볼 수 있습니다. 가변그리드에는 공식이 존재하는데 이 공식을 간단히 설명하자면 (가변 크기로 만들 박스의 가로너비 / 가변 크기로 만들 박스를..

퍼옴: http://www.inven.co.kr/board/maple/2304/18797 1. 더시드의 기본 + 입문 방법 1) 더시드의 기본 더시드는 무엇을 하는 컨텐츠일까요? 더시드는 단순히 사냥을 하거나 보스를 잡기만 하는 컨텐츠가 아닙니다. 간단히 말하자면, 각 층마다 특정 미션이 존재하는 탑을 내려간 후, 내려간 층수에 따라 포인트와 상자를 받게 되며 이 상자에서 다양한 아이템을 얻을 수 있는 컨텐츠입니다. 처음 더시드를 접하시는 분들은 왼쪽 전구를 누르고 '[더 시드] 의문의 해저 건축물 발견?!' 퀘스트를 눌러 더시드 사전 퀘스트를 진행할 수 있습니다. (사전 퀘스트 내용은 스킵) 사전 퀘스트를 진행하면 더시드 해저의 탑 로비로 오게 되는데요, 위의 사진이 바로 더시드 해저의 탑 로비입니다...

반응형 웹이 등장한 배경은 다음과 같습니다. 스마트폰, 태블릿PC가 세상에 등장하면서 우리는 컴퓨터를 보는 시간보다 스마트폰을 보는 시간이 늘어났습니다. 그에 따라 웹페이지들은 휴대폰에도 사이즈를 지원해야했고 기존의 웹은 스마트폰에 맞지 않았습니다. 때문에 페이지를 모바일용으로 따로 제작해야하는 번거로움이 생겨나기 시작했고 이를 해결하기 위하여 나온것이 반응형 웹입니다. 반응형 웹은 PC, 태블릿, 모바일 등 다양한 사이즈에 최적화된 웹사이트를 제공해줍니다. 그렇다면 굳이 반응형을 써야하는 이유가 뭘까? 유지보수 모바일 점유율 마케팅 검색엔진 미래 지향적 크게 5가지로 볼 수 있습니다. 유지보수 PC버전, 모바일 버전 이렇게 두가지를 관리하고 수정해야했지만, 반응형 웹은 모든 버전을 하나의 HTML과 C..

React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들 수 있습니다. 이렇게 하면 애플리케이션의 상태에 따라서 컴포넌트 중 몇 개만을 렌더링할 수 있습니다. class Control extends React.Component { constructor(props) { super(props); // 초기값을 설정해 줍니다. this.state = { isIn: false, }; } handleInClick = () => { //setState를 사용하여 값을 변경해 줍니다. this.setState({isIn: true}); } handleOutClick = () => { //setState를 사용하여 값을 변경해 줍니다. this.setState({isIn: false}); } render() { // ..

리액트의 이벤트를 처리하는 방법을 알아보겠습니다. 이벤트는 function 함수를 처리하는 방법입니다. class Test extends React.Component { constructor(props) { super(props); // 콜백에서 `this`가 작동하려면 아래와 같이 바인딩 해주어야 합니다. this.handleClick = this.handleClick.bind(this); } // 함수 정의 handleClick() { console.log('버튼이 클릭되었습니다'); } render() { return ( TEST ); } } 위와 같이 정의하여 사용할 수 있습니다.