본문 바로가기
프로그래밍/javacscript

[220102] 홈 만들기

by 한코코 2022. 1. 3.

구글링하다가 예쁜 잡지프레임 가지고 비율 3:1 확인하면서 만듬. 전체적으로는 주려다가 여백 공부하듯이 하나하나 넣었다. 그러다보니 코드가 엄청나게 난장판인데 나중에 수정하기로 하자. 우선은 완성한데에 의의를 둔다. 클로닝하니까 확실히 머뭇거림도 많이 줄고 어떻게 넣어야할지 조금씩 감이 온다. 안에 들어간 이미지는 구글 무료 이미지.

 

 

 

 

수정해야 할것

저 팝업창을 회원가입창으로 바꾸기

시간이 없어서 닫는 버튼을 전체 클릭으로 바꿨는데, X버튼으로 만들기


210114 수정본

 

 

수정내용

  1. 회원가입창을 닫아야 할때 전에는 전체 화면 중 어디나 클릭하면 닫을 수 있게 했다. -> X버튼을 눌러야만 닫을 수 있게 했다.
  2. input+lable이 각각 2개가 있었는데, input 1개에 연결된 label 2개로 줄였다.
  3. 마지막 미니아이콘에 각각 여태 만들어놨던 폼 링크랑 지금 내 블로그 링크를 걸어놨다.

 

 

수정하지 못한것.

  1. 홈 로고버튼을 클릭하면 회원가입창이 열린다는 것 까지는 해냄
  2. 홈 로고버튼을 클릭하면 다른 형태로 모양이 바뀌는 것을 해내지 못함. 어쨌든 input을 넣어서 반응형을 만들어야하는데, 이미 다른 Input에 연결함. label에 input을 2개 연결해도 되는건가? 조만간 검색해서 해보겠음.

 

얻은것

  1. label과 input은 떨어져도 되고 코드블럭 외부 내부에 있던지 상관없이 연결된다.
  2. input 1개에 label을 여러개 달아놔야 상호작용이 된다.
  3. 꼭 여기에 div를 써야할까?하고 생각하면서 덜 쓰려고 한 경험.
  4. table과 ul을 써야하는 기준.
  5. 주석을 잘 달아놓자.. 코드가 기니까 뭐가 뭔지 기억이 안나서 구조를 볼만하게 고치는데만 꽤 걸렸다.
  6. 다른 사람하고 의견을 교환했을때 더 넓은 시야를 얻을 수 있다. 결과를 남과 공유하자. 언제나 결론은 내가 성장하면 된거다.

댓글