21.01.14- TIL

오늘 한 일

1. 드림 코딩 사이트에서 쇼핑몰 미니 게임 클론 코딩 강의 듣고 프로그램 완성

• HTML과 CSS, 자바스크립트로 사용자가 옷 종류와 옷 색깔을 선택하면 그것의 목록을 보여주는 미니 게임을 만드는 강의이다.

• 내 소스 코드

pji0219/shopping-mall-game

• 결과물

 

넘어야 될 장애물 ( 나의 문제점 )

처음에 강사분께서 먼저 고민해서 만들어보고 같이 따라 만드는 방식으로 공부방식으로 공부를 해야 효과적이라고 하셔서 그러려고 했으나 CSS로 스타일링을 하는 부분과 자바스크립트로 동적으로 옷의 목록을 보여주는 것을 어떻게 해야하는지 도저히 감이 오질 않아서 결국 강의를 보고 따라서 만들었다.

 

그런데 분명 강사님이 하라는대로 똑같이 CSS 코드를 작성했는데 제일 상단의 로고 바로 밑의 옷 종류를 고르는 버튼과 옷색을 고르는 버튼이 서로 정렬이 되질 않았다.

그래서 그 곳을 내 나름대로 버튼쪽 영역을 section 태그로 영역을 나누고 Cdnjs.com 사이트에 들어가 CSS reset API를 복사해 코드에 사용해서 CSS를 먼저 리셋 후 다시 CSS 파일을 적용 시켜봤는대도 해결이 되지를 않았다 ㅠㅠ

 

그래서 내 나름대로의 이 어려움을 헤쳐나갈 고민을 해본 결과 내린 결론은 다른 것들을 공부 하다보니 예전에 공부 했었던 CSS 지식들을 상당 부분 잊어 버려서 부족한 CSS 지식을 채워야 할거 같고

자바스크립트로 내 스스로 문제를 해결하거나 구현하는 것을 아예 못해서 클론 코딩에 의존하고 있는 실정인데 내가 본 이고잉님의 적정 수준의 공부 글에 나온 공부 방법이 프로그래밍 분야의 공부 방법에 가장 알맞다고 생각이 들지만 무엇을 만들어야할지 또 그 것을 어떤 문법을 응용해서 만들어야할지 도저히 모르겠어서 클론코딩으로 다양한 것을 따라 만들어보면서 이건 "이렇게 구현하는구나 "를 깨우치고 클론코딩에서

나오는 프로그램들의 아이디어를 취합해서 나중에 그 것을 바탕으로 나만의 프로그램을 만들어야겠다는 결론이 나왔다.

 

느낀 점

공부를 시작한지 8개월이 다되가는데 아직 나만의 프로젝트도 없고 스스로 구현할 능력이 안되니 올해 상반기에 취업을 할 수 있을까 걱정이 된다ㅠㅠ

 

이번 달 계획

• CSS 부족한 지식 습득

• 일단 클론 코딩 많이 해보기