10주차 3_ 코딩 강의, 개인 과제 검토

💬 이전에 컴포넌트 부분에 궁금한 점이 있어서 고민고민~~또고민~하다가 소윤튜터님에게 가서 물어보았다.

헷갈렸던 부분이 정리되서 너무 좋았다. 마침 UX개인과제 피드백을 어떤 튜터님이 작성했는지 몰랐는데 소윤튜터님이라는 것도 알게되었다. 시간이 된다면 수정해서 재검토 맞을 수 있도록 해야겠다. 

코딩은 3주차까지 완료했지만 따라만 가는 수준이었고 정리가 안된다.

내일은 남은 과제를 마져 듣고 복습을 해야겠다.

 

✅ 배운 것

◾ 2주차, 3주차 강의 수강

- console.log : 우리가 코딩한 것이 맞게 출력 되는가…? 를 확인하기 위해 개발자들이 미리 찍어보는 도구

- Javascript

•  변수 : 값을 담는 상자 / let 으로 변수를 선언한다. 

• 리스트 :   let a_list = [ '사과','수박','딸기','감' ]  
• 딕셔너리 : let a = {'name':'영수','age':27}  
• 리스트와 딕셔너리의 조합 많이 씀 

let a = [ {'name':'영수','age':27}, {'name':'철수','age':15}, {'name':'영희','age':20} ] console.log(a[0]['name']) //영수 console.log(a[1]['age']) //15

 

• 반복문, forEack

fruits.forEach((a) => { console.log(a) })

// fruits 의 요소를 하나씩 확인하는데 이름은 a라고 할 거에요! // a는 b,c,zzz,fruit 어떤 걸로 해도 상관 없어요!

 

•  조건문

if (조건) {// 조건에 맞다면~} 
else {// ~가 아니라면~}

 

- Query :javascript만 사용하면 길고 복잡하니까 JQuery를 쓴다. 

- Fetch 

◾ UI 궁금한 것 질문

- 컴포넌트 기준 : '얼마나 반복적이게 쓰이나'를 보고 만들면 된다. 한번만 사용하는 건 만들필요 없다. 효율성을 위해 사용하는 것이니까. 버튼의 경우 명확하게 차이가 있는 정도일때 분류해서 지정한다. 개발자 입장에서는 약간의 사이즈 차이 정도는 구분 필요성이 없다.

- 오토레이아웃과 컴포넌트, 결국 일관성을 위해서 사용한다. 

- 아이콘도 여백, 크기를 일관성있게 준다. 아이콘 여백은 오토레이아웃으로 할필욘 x , 똑같은 아이콘을 다른 크기로 여러개 쓰일 경우 컴포넌트로 만들면 된다.