[20220418 M]

오늘은 (4) 월 (18) 일 / 날씨: (맑음)

한줄: 모르거나 이해못하면 나한테 화가 나는 나란..😤

💻 1) WORK MEMO & REVIEW

8 to 17

✍️ 소스코드

• 오늘의 반성
  • 정적파일 s3(스토리지) -> 액세스키 오류로 css 파일을 페이지 소스파일에서(?) 불러왔었는데 문제가 될 수 있는 것(글자깨짐)을 오늘 알았다😓 바로 여쭤볼 걸...
  • 지라 스프린트 new week:D 뭔가 일주일 할 일을 정리하니 계획적이고 가시적이어서 좋은 것 같당
  • 기획 - 기획서 혼자 며칠 본 것보다 가서 한 번 여쭤본 게 더 이해가 잘 됨😅
  • 페이지에서 <'List>map<'Item/></'List> or <'List/> 컴포넌트 타고 들어가 안에 <'Item>? -> props 연관
  • 다른 사람들이 읽기 좋은 코드란?🤔 코드의 길이가 적다고 항상 좋은 코드는가 아니었다..
    https://feel5ny.github.io/2018/08/01/Clean_code_1/ -> 이번 주말에 책 읽어봐야 겠당
    https://logical-code.tistory.com/165
  • Objcect.assign
  • props boolean 값 전달
• 소제목

//예시
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const [name, setName] = useState('');
const [email, setEmail] = useState('');
const onChange = (event) => {
     const {
      target: { name, value },
    } = event;
    switch (name) {
      case 'username':
        return setUsername(value);
      case 'password':
        return setPassword(value);
      case 'name':
        return setName(value);
      case 'email':
        return setEmail(value);
      default:
    }
  
  

const emailIdInput = useInput('');

 <input type="text" placeholder="" value={emailIdInput.value} onChange={emailIdInput.handleChange}
                  />

useInput 확장확장확장하든지 수정하든지 -> 리팩토링 때 다시 수정하기 or 그냥 basic하게usestate 나 onChange 나열?ㅇㅅㅇ 모르겠다~

💻 2) GRAMMAR OF JAVASCRIPT

Every Morning

✍️ Operator

• && ||

  • 헷갈리던 concept

조건문 안에서
if(obj && obj2){console.log("both true")}; // boolean 검사
조건문 밖에서
let result = obj1 && obj2 // obj1이 true이면 obj2 
let result = obj1 || obej2// obj1이 true이면 obj1 

조건이 true일 때 실행 &&
조건이 false일 때 실행 || 

• null 또는 undefined인 경우 확인
  

let animal;
const color = animal && animal.color; // 있으면 
console.log(color);

• default parameter는 null 과 undefined 인 경우에만 작동 -> '' 안됨

function test(initialValue= "babo"){
	console.log(initialValue);
}
test('') // babo가 안 찍힘

• optional chaning ?.

let apple = {color:"red" , inner:{color:"white"}}
const color = apple?.inner?.color; // 있으면 실행
console.log(color);

• ?? null, undefined인 경우에만
  (0,"" 제외)

💻 3) PROJECT

Every Evening

✍️ 코드커밋

🆎🎾 4) ENGLISH/ GERMAN / TENNIS

Monday/ Wednesday/ Thursday (Clarisse랑 날짜 조정하기)
Wednesday/ Saturday

잠들어서 클라리스 전화 못 받음;; 테니스 대기;; 혼돈의 월요일 😪

📌 5) ETC (READING/ ECONOMY)

Free time

6) TODO & QUESTIONS

• PR

❤️ 4월 GOALS

• 루틴화하기(집중 안되더라도 습관화하기)
• 이해하고 넘어가도록 노력하기
• 업무 질문 많이많이하기
• es6 재정리하기/ SNS Project & Redux(4-5월)
• 테니스 시작 스트레스 풀기