#TIL #210906-0912

09월 06일 (월)

오늘 공부 한 것

• js Q&A 영상 다시보기
• TIL - js 포스트에 내용 추가 (Return, 객체 접근)
• console.log로 테스트 하고 나서, console.log 꼭 지우기 
• 📗 아침 독서 15min "인클루시브 디자인 패턴"

수요일 까지 할 것 

• instagram - login 페이지, main 페이지 클론
  • 기능대한 욕심 X 
  • 하나의 기능을 만들더라도 이해했는지? 확장성이 있는지? 코드가 깔끔한지에 중점!

 

---

 

09월 07일 (화)

오늘 공부 한 것

• instagram 클론 : 한 줄 한 줄 리뷰한다 생각하고 작성하는 중
  • css - 최대한 flex로 잡기
  • 확장성에 대한 고민
    • 누군가에게 바톤터치를 하는 코드라고 하면 어떻게 작성하는게 좋을까?
      • 무조건 "최소화"하여 작성하는 게 유지 보수면에서 비효율적 수 있다.
    • style가이드가 있다면, 공통 적용 스타일은 어느 선에서 작성해야 효율적일까?
• JS 알고리즘 기초부터 다시 시작 - 사칙연산

 

• 📗 아침 독서 15min "인클루시브 디자인 패턴"

 

---

 

09월 08일 (수)

오늘 공부 한 것

• instagram 클론
  • css 마무리
    • 아침에 읽은 책에서 폰트를 px 값으로 설정하는 것은 "자신의 취향대로 폰트크기를 조정할 수 있는 사용자의 권한을 훼손 하는 것"이라는 내용을 보고 login 페이지를 vw, vh단위로 수정해 실험해 봤다. pc상에 맞췄다가 태블릿으로 옮기니 글씨가 엄청나게 확대 되고, 레이아웃이 다 깨졌다. 어떤 방법이 다양한 사용자를 수용할 수 있는지 고심해봐야겠다.
    • safari브라우저로 확인했다가 serif체로 나오는 걸 확인하고, sans serif값을 추가해 줬다. 크로스브라우징도 놓지 말것!
  • js 구현
    
    • 로그인 페이지 - id/pw 둘 다 입력되면 로그인 버튼 활성화 
    • 메인페이지 - 댓글 작성 후 추가(엔터키, 버튼 클릭)
• git 설치하고 push해보기
  • 이번엔 mac의 터미널이 이용해서 git을 설치하고...블라블라 하는 수업을 따라잡으려 했으나, git설치 안되서 세션이 거의 5/1정도 남았을 때 설치를 완료했다.
  • git은 놓쳤지만, home brew 설치할 때 오류 해결하는 법을 익힘😎 (별거아니지만) 
    
    • [Git]깃 설치 오류 homebrew-core is a shallow clone

• 📗 아침 독서 15min "인클루시브 디자인 패턴"

 

반성과 성찰

• 이번 클론 코딩에서 시간분배를 잘못했다.
  디테일한 요소보다 기능적인 부분을 더 시도해보려고 했지만 9:1정도의 시간을 할애하게 됐다.
  css를 일찍 끝내고 js를 하루정도 잡아보는게 원 계획.
  그러나 익숙지 않은 flex사용 + vscode 에디터 부적응으로 예상보다 많은 시간을 써버렸다.
  그래도 건진건 있다. flex 원없이 써본 것.
  
  
• class이름 짓기가 엄청 어렵다
  
  
• 이어폰, 마우스, 키보드를 한 번에 블루투스로 연결하니 상태가 좋지 않다. 키보드 입력 오류가 너무 많이난다.
  이런 세팅(?)을 최적화 하는 것도 실력인 것같다. 쓸데없이 허비할 시간을 아껴주니 말이다.

오늘의 기타 사항

• 귀가 후 시간이 아까워서 뭔가 들으며 정리를 하는 데, 마침 "네이버 웹툰 채용 설명회"라이브가 진행중이었다.
  내 직장이 아니더라도 스피커분들의 마인드가 멋진 것같아 귀담아 들어졌다. 
  중간 중간 광고 웹툰광고 넣어주는데, 마음이 바운스했다. 나비에 대사 나올 때 다 때려치고 보러 갈 뻔. 
• 성장에 대한 강조
• 호기심과 탐구심
• 제에에일 부러운 쿠키 복지와 웹툰 덕.업.일.치.

 

---

 

09월 09일 (목)

오늘 배운 것

• http에 대한 간략한 지식 쌓기
  • 멘토님이 많은 지식을 쏟아주셨지만 뇌가 뱉어냈다.🤯
  • http는 관심도 많고 전 회사에서 어깨너머로 본 내용이라 재미있었다.
  • '레벨별 스마트 가이드' 추가 보수 프로젝트 때 급급하게 확인했던 코드속의 GET, POST.
    큰 그림을 보고 나니 훨씬 '아 그때 그 코드가 이런 이유로 적혀있었던거구나'하는 이유를 뒤늦게 깨달아가며 (쪼끔) 더 이해하게됐다.
• github - vscode에서 github으로 commit 하는 법
  
  • 도현 멘토님에게 배운 꿀팁
    • 터미널에서 작성하다가 방향키(^)누르면 전에 적었던 내용 불러와줌
    • html파일에서 오른 쪽 클릭 'Open with Liveserver'선택하면 작업 중인 페이지의 변경사항이 바로바로 반영된 페이지 확인 가능
• CSS작성법
  • 레이아웃을 구정할 때 bottom-up 방식으로 하는 것이 유지 보수에 좋은 이유
• JS 최소값, 최대값 사이의 랜덤 값을 구하는 원리를 이해하게 되었다. (JS - 최소값, 최대값)

 

느낀 점

• 세션 중에 다른 분들의 repository를 보는데... 아무래도 여기 괴물이 많은 것 같다.
• 이미 베인 작성법 습관을 완전히 뒤엎허야 할 것같다. 차라리 0이었으면 더 빨리 익혔을까? 싶기도 하다.
  이런 사소한 듯 찝찝한 문제가 나의 단점으 될까싶어 이틀 정도 고민했다.
  결론은 그냥 2 track을 타고 가기로. 은영멘토님이 '지금까지 해온 경험한 일들을 reset 할 필요가 없다.'는 말을 여기 적용시켜보기로 했다.
  왼손 잡이에게 오른 손잡이가 요구 된다면 오른 손까지 연습해서 양손 잡이가 돼야지.

 

---

 

09월 10일 (금)

오늘 배운 것

• javascript - querySelector의 멋진 사용성
  • 그동인 getElementById, getElementsByClassName, getElementsByTagName 써가며 하위요소에 접근하려고 child, children어쩌고를 고민하던 하루를 말끔히 날려준 무적의 메서드 사용법을 배웠다.

 

• 📗 아침 독서 15min "인클루시브 디자인 패턴"

 

📕 종택 멘토님이 공유해주신 책 소절

"프로그램이 잘 작동하는 상황에서 그저 코드가 '지저분하다'는 이유로 불평하는 것은 프로그램의 구조를 너무 미적인 기준으로만 판단하는 건 아닐까? (...) 하지만 그 코드를 수정하려면 사람이 개입되고, 사람은 코드의 미적 상태에 민감하다. 설계가 나쁜 시스템은 수정하기 어렵다. (...)무엇을 수정할지 찾기 어렵다면 실수를 저질러서 버그가 생길 가능성도 높아진다.
(...) 프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기 쉬운 형태로 리팩터링하고 나서 원하는 기능을 추가한다."

- 마틴 파울러, 리팩터링, 27p

 

 

---

 

09월 11일 (토)

오늘 한 것

• Microsoft Edge  브라우저 설치
• 중간 test 에서 못 푼 문제들 다시 풀기 4번, 5번
• Linux & Terminal 세션 영상 다시보고 실습 하기
  • 터미널과 친해지기 위해 새 폴더, 파일을 생성 할 땐 되도록 터미널을 통해 관리해볼 생각이다. (터미널 명령어) 일전에 react와 php실습으로 아름아름 사용한 기억이 떠오르면서 꽤 재미있게 배운 것같다.

 

 

---

 

09월 12일 (일)

오늘 한 것

• instagram클론 리팩토링
  • js wrap-up영상 다시보기
  • github commit
  • 요소 하나 하나에 어떤 의미를 뒀는지 기록하고 싶었다.
    • html, css / js -login page, main page
• create-react-app 세팅 시도했으니 계속 오류남.