22학년도 1학기 웹 프로젝트를 하며 느낀점

겪었던 오류와 해결방법

---

1. 사진 세로정렬은 되는데 가로정렬 안됨

container width : 500vw주고 

float: left 줌

 

 

 

 

2. 메뉴바 fixed했는데

Background image 이동할때 가려서 안 보임

z-index 1로 줌

 

 

 

 

3.상단메뉴바 공유하려고 다른파일에 적용했는데

하위메뉴 가운데 정렬이 안됨

감싸고 있는 header,wrapper, div까지 다 복붙하니까 됨

 

 

 

 

4. 반응형 만들기

메뉴바, 이미지 슬라이드 Jquery 및 Bootstrap적용

메인이미지 호버 반응형 만드는 법

이미지, 오버레이 글자 감싸고 있는 큰 div의 크기를

고정시키지 않고 width:725px 에서 width:70%로 지정

이미지에 img-responsive 지정

 

 

 

 

5. div category image에

Warm image와 Warm description이 포함되지 않는 오류 해결

Div container-fluid로 감쌈

 

 

 

 

 

 

 

6. hr 적용 안되는 오류

<hr style="border:1px solid black; width: 100% !important;"> 적용

 

 

 

 

 

7. 체크박스 값이 눌러도 null로 전달됨

태그가 <input>> 이런식으로 두개가 있어서 값이 전달이 안됨

 

 

 

 

 

8. jquery innertext기능 없음

text()사용

 

 

 

 

 

9. 회원가입이 안되는 이유

메뉴바의 환영하기 위한 div도 id가 name이고

회원가입 이름 입력하는 input도 id가 name이여서 오류남

id변경 후 해결

---

 

 

 

 

느낀점

---

안드로이드는 그때그때 느낀점을 적어놨는데 

웹은 안적어 놔서 생각을 하면서 써야한다

아마 글이 두서없을것 같다

 

 

 

일단 가장 기억에 남는것

프레임워크의 대단함을 알게 된 것

우선 메인페이지 구현을 할때

쇼핑몰의 기본인

이미지 슬라이드를 구현하고자했다

 

 

 

이때 나는 html, css, javascript만 배워서

이걸로 유튜브 검색, 구글링해서 1주일동안 이거만 구현했다

근데 다음주에 jquery를 배우더니

import 한줄 해주고

코드 6줄정도 붙여넣기하니까

바로 이미지슬라이드기능이 구현됐다

 

 

 

나는 이미지슬라이드하려고 width:500vw주고

javascript로 함수만들어서 시간지나면 width x position -100vw로 하고

다 엄청난 시간을 쏟아부어서 했는데

 

 

 

그냥 프레임워크쓰면  1주일 걸렸던게 10분만에 끝?

이때 진짜 현타가 말로 표현할 수 없을만큼 크게 왔다

나 그동안 뭐했지 하면서

 

 

 

프레임워크를 쓰면 람보르기니를 타고 달리는거고

나는 html,css,javascript로 일일히 구현하면 뛰어서 가는거다

그러면 당연히 람보르기니를 타야하지 않나 하는 생각이 들었다

프레임워크의 위대함을 이때 알게되었고, 시야가 트였다

 

 

 

 

또한 우리조는 중간고사 끝나고 바로 개발을해서

다른 팀보다 진도가 빨랐다

사실 메인페이지도 거의 구현이 다 된 상태였는데

jquery를 배우고, bootstrap을 배운 후, 그걸 프로젝트에 적용하라고 교수님이 말씀하셨다

근데 이게 적용하려고 보니까

그냥 새로 만들어야된다

 

 

이때 정말 뭐랄까..

먼저 시작했는데 오히려 손해인 느낌?

근데 bootstrap쓰면 반응형도 되고

또 메뉴바는 일일히 구현했는데

그냥 이것도 import로 된다

그냥 2주동안 내가 했던게

다시 bootstrap,jquery로 해보니까 

이틀이면 되더라

이런... 

다른건 몰라도 이번 프로젝트에서 프레임워크의 존재만은 확실히 인식한 것 같다

 

 

 

 

 

팀원은 다 좋았다

소통도 잘됐고

최대한 교수님이 요구하신 부분을 어떻게 프로젝트에 구현할 수 있을까

많이 소통했던 것 같다

그래서 A+받은듯하다 기분이 좋았다

 

 

 

 

제일 재밌었던 거는 발표영상 브금을 리스항구로 한 것이다

영상 틀때 듣는 학우분 한 명이 웃참하는 걸 봐서 뿌듯했다

 

 

 

 

그리고 또 생각나는것이

Google map 활용하는 부분에서

예전에 노마드코더 클론코딩할때 썼던

현재 위치받아오는 openweatherapi코드를 재활용했는데 성공적이었고,

로그인/회원가입 로컬스토리지로 구현하는것도 코드 재활용했는데 성공적이었다

들어두길 잘했다는 생각이 든다

 

 

 

 

 

그리고 교수님의 강의력

정말 대단했다

html, css, javascript를 

정말 필요한 부분만 쏙쏙 골라서 알려주셨고

실습시간에 정말 2분만에 사이트 하나씩만들고

스파르타 코딩을 해서 그런가 프론트 부분을 정말 잘 배웠다

jquery랑 bootstrap까지 챙겨주셔서 정말 많이 배워갔다

그냥 html, css, javascript만 써본것보다

프레임워크 써본 경험이 있는게 확실히 도움이 될 것 같다

 

 

---