As i wish

이번 포스팅에서는 nth-child 에 대하여 몇가지 적어 보겠습니다. 일단 p: nth-child(an+b) 처럼 사용 할 수 있고 '부모의 an+b 번째 자식인 p 요소' 를 의미합니다. 어떤 부모가 있고 그 부모 밑에 p 요소가 있는데 그중에 'an+b 번째' 자식만 선택하겠다는 의미가 되죠. 말로 풀면 의미가 조금 어려운데 바로 코드로 보겠습니다. The first paragraph. The second paragraph. The third paragraph. The fourth paragraph. Note: Internet Explorer 8 and earlier versions do not support the :nth-child() selector. 전체 스타일 내에 2번째 자식인 p 태그를..

안녕하세요. 엄티입니다. 오늘은 CSS selector 중 비슷하지만 조금 다른 것들을 알아보겠습니다. 오늘은 그 중에서 4 가지 경우를 알아볼건데요. 1. A B 2. A > B 3. A + B 4. A ~ B 1, 2 번은 A 태그 안에 있는 B 라는 태그 가 있을 경우, 3, 4 번은 B라는 태그가 A 태그 랑 같은 레벨에 있을 경우에 적용 됩니다. 1. div p: div 자식안에 있는 모든 p 의 적용 2. div > p: div 의 직계자손인 p 의 적용 'List Item 1' 가 p 태그로 감싸져 있는데 1 번인 경우 div 에 자식안에 있는 모든 p의 적용 되기 때문에 ul 태그 안에 있어도 스타일이 적용 되는 반면 2 번인 경우 'List Item 1' 이 div 의 직계 자손이 아니기..

안녕하세요. 엄티입니다. 간단한 게임을 만들기로 정했었는데 그 동안 고민을 조금 하다가 사다리 타기로 정했습니다. 그래서 일단 큰 구조는 처음 들어가게 되면 1. 몇명이서 참여할 지를 입력받는 페이지, 2. 그다음 사다리가 돌아가는 플레이 페이지 이렇게 두 페이지가 필요할것 같네요. 페이지를 나누기에 앞서 일단은 한 페이지에서 사람수 입력과 사다리가 플레이되는 모습으로 구성해 보도록 하죠. 그다음에 페이지를 나누면 되니깐요. 그럼 일단 저번 포스팅에서 만들었던 main.html 수정해서 진행해 보도록 하겠습니다. 저번 포스팅 ng-route: http://eomtttttt-develop.tistory.com/4 Angular로 간단한 게임 만들어보기 - 3 (Angular 시작하기) 안녕하세요 엄티입니다..

안녕하세요 엄티입니다. 오늘은 폭풍 포스팅이네요 아무래도 저번과 이어지다 보니 어쩔 수 없나봐요. 일단 저번 포스팅에서 말했던 것 처럼 ng-route에 대해서 알아 볼껀데요 말 그대로 routing을 해주는 거에요. url주소를 보고 그 주소에 맞게 routing을 해주는 뭐 그런 개념이죠 그럼 본론으로 들어가보죠. https://github.com/angular/bower-angular-route angular/bower-angular-route angular-route bower repo. Contribute to angular/bower-angular-route development by creating an account on GitHub. github.com 여기에 들어가서 다운을 받습니다. ..

안녕하세요 엄티입니다. 오늘은 Angular에 폴더 구조를 잡아보려고 합니다. 프로젝트를 진행함으로 있어 프로젝트 구조가 상당히 중요합니다. 사실 개발 보다는 유지보수가 훨씬 더 많은 시간을 잡아 먹기 때문에 구조를 잘 나누지 않으면 힘들어 지거든요. 사람마다 프로젝트마다 구조가 다르지만 전 현재 https://savannaboat.com 에서 사용하고 있는 방식으로 글을 한번 써 볼께요. 불러오는 중입니다... 아 참고로 저는 Sublime text를 사용하고 있고 여러 필요한 플러그인들을 사용하고 있는데요. 초보자 분들은 Vim에 익숙해 지시면 편할것 같아요. 저도 처음엔 어려웠는데 손에 익숙해 지고 나니 훨씬 편하드라고요. 나중에 Vim에 대해서도 포스팅 해보도록 할께요. 일단 폴더구조를 크게 Ja..

안녕하세요. 엄티 입니다. 현재 https://savannaboat.com을 운영 및 개발하고 있는데요. 한번씩 들어와서 보시면 감사하겠습니다. 사바나보트를 개발하면서 어려웠던 점을 몇가지 적으면서 블로그를 운영해 볼라고 했는데 뭐 딱히 생각난것도 없고 다시 하려니 어려워서 그냥 처음부터 시작하는 마음으로 뭔가를 만들어 볼라고요! 불러오는 중입니다... 그래서 첫번째 일단 Angular를 시작해 보려고 합니다. 간단해요 Angular를 간단히 시작해서 점점 커져가는것이 목표가 되겠네요. 먼저 Angular.js를 다운 받아야 합니다. 다운 받은 angular.js를 실제 큰 프로젝트에서는 'lib/src/js' 와 같이 library에 보통 넣곤 하는데 여기는 간단하게 바로 그냥 폴더 밑에다가 넣어 보겠..

오늘은 아주 간단 하지만 꼭 필요한 log없애기를 해볼께요. 웹개발을 하다보면 디버깅을 위해 어쩔 수 없이 console.log(블라블라) 를 써야할 상황이 오게 됩니다.사실 log가 없으면 어디서 버그가 생기는지 찾기도 힘들고 제대로 내 코드가 돌아가는지도 확인하기 힘이 듭니다.그래서 웹은 배포를 하더라도 일반인들도 충분히 내 log를 볼수있게 되고 쉽게 코드가 까지게 됩니다. (오른쪽 버튼을 누른 뒤 검사를 누르면 다보여요~) 그것을 그나마 방지하기 위해 minimize도 하고 log를 숨기는데요 오늘은 log를 숨기는 법을 알아보겠습니다. {{밑에 사진에서 저는 현재 3개의 서버를 돌려요 LOCAL은 제 컴퓨터에서만 돌려보는 용이고 DEV는 DEVELOP 모드 PUBLIC은 배포됬을 때인데요 DEV..