JM's NOTE🌙

본문 바로가기

클린코드 Day 8-9. 더러운 코드 고치기 ✅ 이 포스팅은 노마드 코더 북클럽 '클린 코드' 챌린지를 진행하면서 작성하는 TIL이며, 출처는 Clean Code입니다. 📚 미션 : 예시의 더러운 코드를 수정하고 고친 이유와, 배운 점 적어보기 🔥 Mission 1 1. BAD 더러운 코드 😣 Hint❕ : 검색하기 쉬운 이름을 사용하세요. blastOFF는 로켓 발사를 의미. 86400000은 하루의 밀리초 (milliseconds) 의미. // What the heck is 86400000 for? setTimeout(blastOff, 86400000); 2. GOOD 😎 위 코드를 깨끗하게 다시 작성해 주세요. const MILLISECONDS_OF_A_DAY = 86400000; setTimeout(blastOff, MILLISECONDS_.. 2022. 5. 3.

[TIL] 💡 Day 11 - JS로 사용자의 위치 정보와 해당 위치의 날씨 표시하기 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 목표 : 🌎사용자의 위치 정보와 ⛅해당 위치의 날씨 표시하기 🌱 User의 위도(latitude) , 경도(longitude) 구하기 👉 navigator 함수를 이용해 사용자의 위치를 알아내는 코드 작성 mdn 링크 JavaScript가 position을 통해서 user의 위치를 전달해줌. position은 object이고, 위도, 경도 값이 포함되어 있다. position( )함수는 2개의 인자가 필요하다. 정상적으로 실행됐을 때의 함수 (onGeoOk) 실행 실패했을 때의 함수 (onGeoError) navigator.geolocation.getCurrentPosition(실행⭕함수, .. 2022. 5. 2.

[TIL] 💡 Day 10 - JavaScript로 TodoList 만들기 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 목표 : 📝 JavaScript로 Todo List 만들기 🌱 Todo List 기본 틀 준비 👉 일단 필요한 요소들은 어떤 것이 있는지 알아보자. Form : 사용자가 todo 입력 → 제출하는 형태가 필요하다. List : 입력한 todo를 나열해야 된다. input : 사용자에게 todo를 입력받아야 한다. 예시 코드 const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector("#todo-form input"); const toDoList = document.getElemen.. 2022. 5. 1.

클린코드 Day 7-8. 주석 쓰는 방법 ✅ 이 포스팅은 노마드 코더 북클럽 '클린 코드' 챌린지를 진행하면서 작성하는 TIL이며, 출처는 Clean Code입니다. 📚 범위 : 04. 주석 📓 책에서 기억하고 싶은 내용을 써보세요. 주석 필요도 ⬇ 수록 좋은 코드 하나의 코드를 설명하기 위해 주렁주렁 comment를 작성하기보다는 코드만 봐도 어떤 의미인지, 어떤 역할을 하는지 알 수 있도록 작성한 코드가 좋은 코드이다. 주석이 필요한 경우 다른 사람에게 요구사항을 전달하는 경우에 해당 But! 주기적으로 확인하고 지우는 것이 좋다. 다른 사람이 필요한 주석이라고 오해할 수 있음 주석이 필요하지 않은 경우 function, variable로 표현 가능한 경우 주석이 필요하다고 생각되지만 코드를 개선하는 것이 가능한 모든 경우 애초에 주석이 필.. 2022. 4. 30.

클린코드 Day 5-6. 함수 사용 시 주의할 점들 ✅ 이 포스팅은 노마드 코더 북클럽 '클린 코드' 챌린지를 진행하면서 작성하는 TIL이며, 출처는 Clean Code입니다. 📚 범위 : ~3장 함수 📓 책에서 기억하고 싶은 내용을 써보세요. 어떻게 하면 더 작은 단위로 만들 수 있을지 고민하면서 코드를 짜야한다. 중첩 구조 ❌, 한 가지만 잘할 수 있도록 만들자. 함수 (function) 프로그램 중 가장 기본적인 단위 객체 상태 변경 or 객체의 정보 반환 둘 중 하나만 하도록 작성 함수 = 동사, 클래스 = 명사 함수의 이름은 함수가 하는 일을 잘 나타내도록 작성하는 것이 좋다. 변수와 마찬가지로 간단하다고 좋은 것이 아니라, 조금 길더라도 의미를 명확하게 내포하는 것이 좋다. event function 예시 (참고 링크) on~ : prop에 실.. 2022. 4. 28.

이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음

티스토리툴바