Html css로 frame layout 만들기 예제 HTML에서 Frame을 사용하지 않고 CSS를 이용해서 위와 같은 layout을 만들 것이다. 간단히 설명을 해보자면 위 레이아웃은 div가 총 4개 들어간다. 3개 처럼 보이겠지만 4개다. 1.(뢰퍼)위 그림에서 맨 바깥쪽 까만색 테두리이다. 전체 layout을 감싸는 역할을 한다. 2.(탑)위 그림에서 맨 위에 분홍색이다. wrapper안에 들어간다. 3.(메뉴)위 그림에서 왼쪽 초록색 부분이다. wrapper안에 들어간다. 4.(컨텐츠)위 그림에서 오른쪽 약간 회색으로 칠해진 부분이다. wrapper에 들어간다. 소스코드는 아래와 같다. .wrapper{ width:900px; height:500px; padding:10px; backgroun..
운동 처음 하는 직딩이 처음 탁구 배우기 - 제31편 왼쪽 가슴 근육통 운동을 안좋아하는건 아니지만 구기종목을 처음 시작한게 6개월전 시작한 탁구인데 쉐이크 핸드로 정자세를 잡고 탁구공을 탁탁 때려줄려면 요령이고 자세도 중요하지만 자세도 잡고 노하우도 익히기 위해서는 해당 근육이 필요하다. 탁구를 처음 배우는 초보자는 자세를 낮춘 상태에서 빠지는 어깨를 잡고 탁구채를 잡은 팔을 눈앞까지 휘둘러서 하는 스윙과 스윙한 후 바로 자세를 잡는게 굉장히 어렵다. 이게 되고 안되고가 탁구가 수월해지고 재밌어지고 하는 관문인 것 같다. 나는 6개월이 지나고 나서야 이 자세가 조금씩 잡히기 시작 하고 있다. 중요한 것은 어깨가 빠지지 않으면서도 그 좁은 공간 사이로 팔을 뒤로 빼서 눈 앞까지 자연스럽게 스윙을 해주는 ..
운동 처음 하는 직딩이 처음 탁구 배우기 - 제30편 왼쪽 손목 부상 한 2주전부터 백핸드 칠 때 힘 주는 부분이 아파서 그러려니 하고 아파도 치다가 자꾸 쓰면 안낫는다는 이야기를 듣고 요즘은 오른손으로 치고 있다. 탁구를 6개월 치면서 손목이 아픈적은 없었는데 한 2주 사이에 탁구를 부쩍 많이 치기도 했고 가슴쪽에 근육이 붙기도 해서 손목이 그 힘은 아직 못견디고 인대가 살짝 늘어난 것 같다. 특히나 왼손잡이는 백핸드로 쳐야 하는데 컨트롤이 나 처럼 잘 안되는 경우는 힘도 많이 들어가고 손목에 근육이 덜 생긴 경우에는 백핸드 칠 때 손목이 자꾸 꺾여서 아픈 것 같다. 그리고 왼쪽 가슴이 요즘 너무 아프다. 근육통이 심함. 몸이 점점 펴지고 근육이 붙으면서 자연스레 아픈 것 같긴 한데 거의 갈비뼈가 부러..
Oct 19 - Test Scenario 작성 난 TDD를 좋아한다. 테트트 주도 개발이라고 토비의 스프링3에서 소개하는 내용인데 굉장히 내가 생각하는 것 하고 싱크가 맞는 생각이라서 좋아하고 이대로 하려고 노력 하는데 테스트 코드 만드는게 정말... 고달프다. 왜냐하면 테스트 시나리오까지 작성 해주어야 하기 때문이다. 정성스럽게 테스트 시나리오를 작성 해서 테스트를 해주면 확실히 에러가 덜 나고 나중에 내가 대응 해주어야 하는 수요도 줄어서 좋긴 한데 따로 로직을 만들어주어야 하고 테스트 케이스도 작성 해야하고 테스트용 데이터도 수집해야하고 그걸 또 text파일로 만들어서 관리도 해주어야 한다. web page parser를 만들때는 url에서 String 가지고 오는것 하나, filepath로 Str..
Toby의 Spring3 따라하기-제4편 AnnotationContext를 이용한 Spring 사용 최종적인 파일들의 모습은 왼쪽과 같다. 중요한 것은 src/main/resources에 있는 applicationContext.xml이다. 아래 이전 포스트 에서2015/09/08 - [배우는 것/Spring] - Toby의 Spring3 따라하기-제3편 connectionMaker interface 이용해서 분리하기 만들었던 Interface인 ConnectionMaker와 Interface의 구현 Class인 RConnectionMaker를 applicationContext.xml과 ApplicationContext를 이용해 대체하는 것이다. Spring은 ApplicationContext라고 볼 수 ..
운동 처음 하는 직딩이 처음 탁구 배우기 - 제29편 왼손은 방어부터 시작인 듯? 왼손잡이던 오른손 잡이던 오른손이랑 치는 경우가 많다. 공을 제법 힘껏 때릴려면 포핸드가 원심력도 받고 스윙하는 길이도 길어서 더 시원시원스럽게 때릴 수 있다. 하지만 왼손은 백핸드로 주로 받기 때문에 자연스럽게 방어적이 될 수 밖에 없고 왼쪽으로 공이 와도 포핸드 경험이 부족하기 때문에 백핸드보다 정확도가 떨어진다는 슬픈 현실이 있다...ㅜㅜ 스매쉬도 포핸드보다는 백핸드로 칠 일이 더 많다. 그래서 주로 스매쉬는 발을 쿵 하면서 치는 백핸드 스매쉬를 상대방 자세를 봐가면서 강하지는 않지만 날카롭게 들어가게끔 때리게 된다. 왼손잡이가 갖는 장점도 있는데 백핸드도 본의 아니게 포핸드 만큼 치는 혹은 더 잘 치는 밸런스와 상대..
Unit Test원칙 - FIRST Fast : 테스트 코드의 실행은 빠르게 진행 되어야 함 Independent : 독립적인 테스트가 가능 해야 함 Repeatable : 테스트는 매번 같은 결과를 만들어야 함 Self-Validating : 테스트는 그 자체로 실행하여 결과를 확인할 수 있어야 함 Timely : 단위 테스트는 비즈니스 코드가 완성되기 전에 구성하고 테스트가 가능해야 함 - 코드가 완성되기 전부터 테스트가 따라와야 한다는 TDD의 원칙을 담고 있음 Junit Test 항목 junit test를 할 때 test code를 작성할 때 짜기 힘들어서 어떤 순서로 작성할지 생각해보았다. Test 항목 및 순서 1.specify key 2.delete a record that key에 맞는 3..
운동 처음 하는 직딩이 처음 탁구 배우기 - 제27편 몸이 탁구에 제법 적응 한 것 갈다 탁구를 시작한지 5개월이 되었다. 이제는 힘을 많이 들이지 않고도 공을 빠르게 칠 수도 있고 제법 쫒아가 받을 수 있을 정도가 된 것 같다. cut 서브 넣는 것도 처음에는 온몸을 써서 열심히 서브를 넣어도 공이 잘 안깎이고 제 위치에 안맞고 미스도 많이 나더니 요즘은 힘을 줄 때 주고 뺄때 빼고 타이밍도 제법 맞출 수 있게 되어서 컷 서브가 제법 잘 들어가는 편이다. 5개월 동안 탁구를 거의 혼자 친 것 같다. 머신하고 치고, 볼박스에서 혼자 서브연습 하고 대부분 이걸로 5개월을 보냈는데 이렇게 했어도 제법 탁구가 많이 늘었다. 여자들이랑 비교하기는 뭐하지만 남자들이 벌떼 처럼 달라 붙어서 쳐주고 가르쳐주고 하는 ..
Sep 15 - 일을 열심히 하고 있나봄 은 내 생각이지만 ㄹㅇ인 것 같기도 함. 왜냐하면 블로깅을 별로 못하게 되는게 대부분 뭘 열심히 하면 블로깅을 비교적 덜 하게 되는 경향이 있음. 뭐 만들어 내는데 정신을 쏟다보면 블로그에 글을 정리해서 올리는 일은 우선순위가 밀리는건 당연한 듯. ㅇㅇ 그러함. 토비의 스프링3도 좀 더 이해하게 되긴 해서 포스트를 올릴때도 된 것 같기도 한데 동기부여가 안되고 있음. 블로그에 포스트를 올리는데 있어서 잉여력은 중요한 자원인것 같은데 요즘은 그 잉여력을 꽤나 잘(?) 쓰고 있는 것 같기도 함. ㅇㅇ. end.
- Total
- Today
- Yesterday
- docker container tissue box
- shellscript
- 개발자
- 도커각티슈케이스
- 이직
- 도커각티슈박스
- docker container
- docker container tissue
- 2017 티스토리 결산
- 도커티슈케이스
- 도커컨테이너
- docker container whale
- Sh
- 싱가폴
- vim
- 도커티슈박스
- Linux
- docker container case
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |