Daily Life/TIL(Today I Learned)

[TIL] 2020.03.01 (일)

Sujin Lee (Daisy) 2020. 3. 1. 13:34

1. 2차 프로젝트 프론트 작업 

 - 기존에 만들어놨던 회원가입 UI가, label 한 줄 input 한 줄 방식으로 했더니 너무 길어져서, label과 input을 한 줄에 만드는 방식으로 UI를 변경하고 있다. 

1) 카카오 주소 적용 

 - 간단하다 key 발급 받을 필요도 없네 

 - 금요일에는 카카오맵 적용시켰었는데 둘 다 예상했던 것보다 간단했다. 역시 겁먹지 말고 계속 코딩해보는 게 중요한 것 같다.  

2) jQuery Datepicker 

 - 얘도 간단한데 커밋하고 나니 생년월일에서 년도 찾는게 너무 번거로워서 yearRange를 변경해줬다. 

3) radio 버튼 옆 텍스트를 눌러도 radio 버튼이 클릭되게 하는 법 

   <label for="user_gender_male"><input type="radio" id="user_gender_male" value="male">남성</label>

   - 위와 같이 label의 for 속성 값으로 input의 id를 넣는다. 

4) tab

 - tab을 ul의 li 로 만들고 a 태그 넣어서 만드는구나.

 - li에다가 width 주고 float:left; 한 다음에 a  태그에다가 height 주나보네. 신기하다. 

5) select UI는 디자인하기 정말 번거롭군..^^.... 우선은 다른 작업부터 하고 이건 디자인 안해야겠다. 

 

 

 

 

반응형

'Daily Life > TIL(Today I Learned)' 카테고리의 다른 글

[TIL] 2020.03.05 (목)  (0) 2020.03.05
[TIL] 2020.03.04 (수)  (0) 2020.03.04
[TIL] 2020.03.03 (화)  (0) 2020.03.03
[TIL] 2020.03.02 (월)  (0) 2020.03.02
[TIL] 2020.02.27 (목)  (0) 2020.02.27
[TIL] 2020.02.24 (월)  (0) 2020.02.24
[TIL] 2020.02.23 (일)  (0) 2020.02.23
[TIL] 2020.02.22 (토)  (0) 2020.02.23