11/17 (1주차 프로젝트 마무리)

 

프로젝트를 하면서 있었던 문제들 또는 새롭게 알게 된 정보

 

1. 

우선 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈소스

기반의 자바스크립트 라이브러리입니다.

 

제이쿼리 의 fade 효과

.fadeIn() : 실행시 숨겨진 요소를 나타나게 한다.

.fadeOut() : 실행시 요소를 사라지게 한다.

.fadeToggle() : 실행시 fadeIn() 메소드와 fadeOut() 메소드를 번갈아 가면서 적용한다.

.fadeTo() : fade 효과에서 사용하는 opacity 속성값을 직접 설정한다.

 

( ) 안에 값을 넣어줘서 천천히 또는 빠르게 또는 정해진 시간 뒤에 실행되게 할 수 있습니다.

 

 

2. 

글쓰기 페이지에서 작성하기 버튼 클릭시 빈 화면으로 넘어가는 문제 발생

원래 의도는 input 값에 빈칸이 있을시 작성해달라고 경고문을 띄워주려고 했다.

알고보니 버튼 onclick = write() 로 작성하였는데 wirte를 다른 이름 바꿔주니까 해결되었다.

조금 더 이름 정할때 고민을 많이 해보자

 

3.

유효성 검사 라는것을 알게 되었다.

회원가입시 아이디 비밀번호 입력칸에 알맞게 작성하지 않으면 경고문을 나타내고

모두 알맞게 작성했을때만 회원가입 버튼이 작동되게 하고 싶었다.

그래서 하나의 변수를 true로 지정하고

알맞게 작성하지 않으면 false 로 바꿔주고

true 일때만 회원가입 버튼이 실행되게 해주니 해결되었다.

 

4.

버튼에 href 속성값을 javascript:void(0)로 설정하면 해당 링크를 클릭해도 아무런 동작도 하지 않는다.

이건 조금 더 자세하게 검색해서 알아본후 추후 다시 정리해보자

 

5.

쿠키오류로 페이지가 넘어가면 쿠키가 유지가 되지 않아서 해결방법을 찾아보니

path 를 따로 작성하지않아서 생긴문제 

path에 ( / ) 를 써줘서 / 포함된 모든 주소가  쿠키 유지되게 하는것 같다.

 

6.

ajax를 사용하다보니
success로 받아온 결과값을 전역변수로 담고 싶은 상황이 생겼다.

ajax는 비동기방식
그래서 async 값은 주지 않으면 true가 셋팅되어 비동기방식으로 수행이된다.
여기서 async 값을 false로 줘서
동기방식으로 전역변수에 담을 수 있는 방법을 있다는것을 새롭게 알게되었다.

 

7.

JWT 토큰 과 쿠키세션의 차이점을 어렴풋이 이해할 수 있게 되었다.

이것도 조금 더 자세하게 정리를 다시 해보자

 

.8.

쿠키를 확인하는 방법 에 대해 다시 찾아보자.

 

 

 

짧은시간 엄청나게 많은것을 배울 수 있는 경험이었다.

너무 많은 욕심을 내면 안되고

정해진 시간에 할 수 있는 가능한 범위를 정확히 정하는것도 중요하다고 느꼈다.

많은 오류가 생길것을 대비해 항상 할 수 있다고 생각하는 것보다 조금 더 좁게 잡고

모든것이 해결되어 생각보다 빠르게 처리 됐을경우 그 이후 확장 시키는 것도 좋은방법

설계를 우선적으로 확실하게 잡고 가니까 수월하게 진행된점도 있었다.

와이어프레임, API 설계, DB 설계 , 소통과협업 , 화면 구상, 기능구현 

다시한번 생각해 볼것이 많고 재밌는 시간이었다.

 

sosome.shop