오늘부터 일기장 오늘부터 일기장

Call, Bind, Apply 그리고 this 🏓 함수의 this keyword는 함수가 어떻게 불러지냐에 따라 다릅니다. 이번 게시물에서는 function의 메소드인 call, apply, bind를 this와 함께 설명합니다. 0. 함수의 this 1. call, apply, bind의 차이점 2. call() 3. apply() 4. bind() 5. bind와 eventListener (feat. this keyword) 📎 reference This : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this Function Prototype: https://developer.mozilla.org/en-US..

답정너 계산기 🔫 오늘은 Tech-Verse (https://tech-verse.me/)를 ASMR로 들으면서 간단한 계산기 게임(?)을 만들었다. 어제 있었던 코딩 테스트에서 작성했던 계산기 코드를 사용했다. 초등학교 1학년이 풀기 적합한 난이도! 정해진 답이 나오도록 숫자와 기호를 입력하면 마지막에 나타나는 결과 확인하기 버튼을 눌러서 정답을 확인하고, 연속 정답 횟수를 계속 쌓을 수 있다. 답정너 계산기의 기본 기능 예상 값을 랜덤 숫자로 정하고, 숫자 3개와 기호 2개를 번갈아서 입력 받도록 한다. 숫자는 2자리 이상 받을 수 없다. 숫자와 기호를 자연스럽게 번갈아서 입력 받도록 한다. 숫자 또는 기호를 지우거나 수정할 수 없다. 사칙 연산 순서에 상관 없이 앞에서부터 계산한다.(이거 수정하면 좋..

What is Strict Mode?🧐 Strict Mode는 더 secure한 javascript code를 작성할 수 있게 하는 모드입니다. 기존에 무시되던 에러들을 throwing하고, 최적화 작업을 어렵게 만드는 실수를 바로 잡습니다. 0. Strict Mode의 내용 요약 1. 에러를 표시합니다. Converting mistakes into errors. 2. 스코프 관리를 단순화합니다. Simplifying scope management 3. Invorking Strict Mode : 어떻게 쓰나요? 📎 reference Strict Mode 한글 docs : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Strict_mode ..

오늘도 벌써 새벽 세 시...😅😭 링크드인 평가를 처음 해봤는데 재미있어서 이것저것 평가해봤더니 2시간이 지나버렸다. 최근 공부하는 기술은 상위 5%나오고, 포토샵처럼 좀 아는 내용은 30%이고, MySQL은 44%로 떨어졌기 때문에 나름대로 기준이 잘 잡혀있는 것 같다. 프로필에 React, Front-end, CSS, JS만 올려놓고 그만 자야겠다. 월요일은 리팩토링 데이! 오늘처럼 월요일은 코드 리팩토링 하는 날로 정하면 좋을 것 같다.😀 일만 벌여놓고 완성을 못하는 사람이 되지 않기 위해서, 의무적으로라도 일주일에 하루는 코드를 개선하는 게 좋겠다는 생각이 들었다. 뱃지 기능 업데이트 🧙‍♂️ 오늘 커픽 프로젝트(https://cupick.co/)에 뱃지 기능을 추가하고 릴리즈 태그를 1.1.0으..

모두에게 좋은 사람이고 싶은 건 욕심인 것 같다. 한 길 사람 속 모르기에, 사람들은 계속 오해하고 오해 받으면서 살아간다. 나는 좋은 사람이 되기 위해 노력하는 사람으로, 그 정도로 보여지고 싶다. 데브매칭 테스트 오늘 1시에 프로그래머스에서 하는 Dev-Matching 프론트엔드 테스트를 봤다. 이거👉 https://career.programmers.co.kr/competitions/2990 2022 Dev-Matching: 웹 프론트엔드 개발자(하반기)-2 career.programmers.co.kr 어제 연습을 하긴 했지만... 저번 과제보다 훨씬 간단한 문제였던 것 같다. 참가해서 경험해보는 데 목적을 뒀었는데, 쉬워서 금방 완성했다.(저번 고양이 문제 같이 나왔으면 시간이 부족했을 것이다.) ..

산책 나를 두드리는 빗방울 거리를 덮는 은행잎 드디어 점심 시간에 산책했다! 부트캠프가 끝난 후 시간은 생겼는데 여유가 없다고 해야 할까, 초조하고, 지금 잘하고 있는 건지 고민도 하고, 스트레스를 받는 걸 보니 삽질할 시간이 남는 것 같다.😃 놀거나 한가하면 우울해지기 때문에 좀 더 생산적으로 생활해야겠다. 오늘 프로그래머스에서 고양이 사진 검색 사이트 문제를 풀어봤다. https://school.programmers.co.kr/skill_check_assignments/4 바닐라 javaScript로 구현한다는 것과, 프론트엔드에서 많이 사용하는 기능을 학습한다는 점에서 좋았다. 내일 데브 매칭 이후에도 한 번씩 해보면 좋겠다. 확실히 리액트 및 각종 라이브러리에 익숙해져 있었던 것 같다. 오늘 자기..

🐣 타입스크립트와 자료형 - 2 (feat. React) 🐣 타입에 대해서 더 알아봅시다!🤠 1. 튜플 타입 Tuple type 2. 열거형 타입 Enum type 3. 조합 타입 Union type 4. 리터럴 타입 Literal Type & 타입 앨리어스 Type Alias 5. 함수 반환 타입 6. 함수의 타입 정의 7. 콜백 함수 타입 8. 알 수 없는 타입 Unknown 9. Never 10. 나머지 매개변수 Rest Parameter 11. 비구조화 할당 시 타입 Destructure & Type React, TypeScript, JavaScript 출처 1. TypeScript docs: https://www.typescriptlang.org/ 2. TypeScript Cheat Sheet ..

기회에 대해서 할 수 있는 것은 "할 수 있을 때" 하는 것이 중요하다. 찍은 지 3일 된, 달이 밝은 어느 날의 사진처럼 시기를 놓쳐 누구와도 공유하지 못하는 아쉬운 경험이 많다. 화요일에 항해99에서 진행한 "박지혜님 특강", "모여서 각자 지원하기"가 9시에 끝나고 강남에서 중랑까지 버스를 타고 집에 왔다. 241버스를 타고 굽이굽이 버스를 타고 오면서 달을 많이 봤다. 개기월식이 끝난 보름달이 건물 사이로 나타났다가 사라졌다. 다른 사람들이 최신 핸드폰으로 찍은 사진들은 달 표면도 보이던데 2년 약정이 지난 내 핸드폰으로 찍은 달은 동그랗고 초라해 보인다. 웹개발이 회화나 3D 그래픽, 애니메이션, 영상 편집, 캘리그래피, 사진 편집... 내가 해왔던 다른 모든 것처럼 "어설프게 할 줄 아는 것"..