본문 바로가기

전체 글

 (47)
[javascript] Export default? 📖 Export and Import javascript에서는 모듈을 만들어서 내보내거나 가져올 수 있다. 내보낼 때는 export 키워드를 사용하고, 가져올 때는 import 키워드를 사용한다. export는 2가지 방식을 사용할 수 있는데, 첫 번째는 export하고 싶은 개체의 이름을 모두 나열하는 방식(named export)이고, 두 번째는 default 키워드를 이용하는 방식이다. 1. named export 예시 const apple = "사과"; function banana() { console.log("바나나!!"); } export { apple, banana }; import { apple, banana } from "./module"; console.log(apple); banana(..
[주간회고록] 1주차 주간 회고록 1주차 기간: 2024년 2월 19일 → 2024년 2월 20일 🗒️ 핵심 3줄 요약 - 아침형 인간이 되어버렸다. - 스터디 최선을 다하자. - 일의 우선 순위를 생각할 것. 🎯 이번 주 목표 ✅ 건강하게 생활하기 ✅ 챌린지 진행하기 ✅ 일기 쓰기 ⚠️ 졸업 프로젝트 진행하기 👏 칭찬하고 싶은 점 노마드코더 퀴즈가 너무 궁금해서 6시에 일어나다가 어쩌다보니 생활패턴이 아침형으로 돌아왔다.하루를 훨씬 상쾌하게 시작할 수 있게 되었다. 원래는 react 스터디 시작 전에 javascript 복습하려 했지만… 못했다. 그래도 지금이라도 복습하고 있는 건 잘 한 것 같다. 피곤하더라도 끝까지 강의 듣고 챌린지 퀴즈 제출한 것. 😭 고치거나 버려야 할 점 일찍 공부 시작하자. 늦게 시작해서 졸면서 대충하지 말자..
[Javascript] JS 기초 문법 정리 💡 정리하게 된 계기 이번에 노마드코더에서 react 스터디에 참가하게 되었는데 javascript를 복습할 필요성을 느끼게 되었다. 노마드코더의 '바닐라 JS로 크롭 앱 만들기' 강좌를 다시 들으면서 Javascript의 기초 문법을 대략적으로 정리하기로 했다. 강좌에서 배운 내용 이외에 추가하고 싶은 내용은 다른 블로그를 참고했다. 📖 정말 간략한 기초 문법 정리 변수 변수는 크게 const, let 2가지 키워드를 이용해 선언할 수 있다. const 키워드를 사용하면 변수에 값을 한 번 할당한 뒤, 다시 값을 변경할 수 없는 상수를 정의한다. let 키워드를 사용하면 변수에 한 번 값을 할당한 이후에도 나중에 값을 변경할 수 있다. 왠만하면 const 키워드를 기본으로 사용하기! let a = 5;..
[클린 코드] Assignment #15: 마지막 독후감 🖊️ 책을 읽은 후기 나쁜 코드를 작성하면 생산성이 크게 떨어지며, 프로그래머라면 좋은 코드를 작성하는 의무를 책임져야 한다. 이 책은 처음부터 엄청 공감되는 내용으로 시작됐다. 프로젝트를 진행하면서 코드를 깨끗이 써야한다는 의무는 항상 알고 있었지만, 그 방법을 잘 몰라 막막해져서 내 코드만 하염없이 바란 본 일들이 잦았다. 그러나 이 책을 읽고 나서는 배운 내용을 실제로 적용하면서 내 코드가 조금이라도 깨끗해지는 게 보여서 뿌듯했다. 챌린지를 진행하면서 후반부에 읽었던 테스트 코드 부분은 아직 완벽히 이해하지 못해 실제로 적용 해보지는 못했지만, 앞으로 공부하면서 꼭 실천해보고 싶다는 생각이 들었다. 책에서는 Java를 기준으로 예제를 제공해 내용을 이해하기에는 무리는 없지만, 최근에는 Dart언어를..
[클린 코드] Assignment #12: TIL - 10장. 클래스 📢 DAY 17 ~ 18 🏷️ 오늘 읽은 범위: 10장. 클래스 🖊️ 짧은 내용 요약 🧩 기본 클래스 구조 클래스는 기본적으로 캡슐화를 하고, 깨끗하게 작성한 클래스 내부의 구조는 다음과 같다. 정적 공개 상수 정적 비공개 변수 비공개 인스턴스 공개 합수 비공개 함수 🌟 깨끗한 클래스를 만드는 규칙 작게 만든다. 클래스가 하나의 책임만 가지면, 작은 것으로 판단한다. 클래스의 이름은 해당 클래스의 책임을 기술하기 때문에, 클래스가 하나의 책임만 지고 있는지를 판단하려면 클래스의 이름을 살펴본다. 클래스 명에 모호한 단어나 if, and, or, but과 같은 단어를 사용하지 않고 25자 이내로 작성했는지 확인한다. 클래스의 응집력을 적절히 유지한다. 클래스의 응집력을 유지하려면, 클래스의 인스턴스 변수 ..
[클린 코드] Assignment #11: TIL - 9장. 단위 테스트 + 나의 최애 북틸 📢 DAY 14 ~ 15 🏷️ 오늘 읽은 범위: 9장. 단위 테스트 🖊️ 짧은 내용 요약 🧹 테스트 코드도 깔끔하게 유지해야 하는 이유 요즘은 TDD와 같은 테스트 주도 개발 프로세스를 따라 개발을 진행하면서 많은 테스트 코드를 작성하게 된다. 이때, 테스트 코드를 깔끔하게 작성하지 않으면 테스트 코드가 복잡하고 지저분해지면서, 실제 코드보다 짜는데 시간도 오래 걸리고, 변경도 어려워진다. 그러면 실제 코드를 테스트하기 어려워지기 때문에 실제 코드에서 결함이 발생할 가능성이 높고, 이게 걱정되어 실제 코드를 유연하게 변경하기 어려워진다. 그렇기 때문에 테스트 코드는 실제 코드 못지 않게 깨끗하게 짜야 한다. 💡 깨끗한 테스트 코드의 장점은? 테스트 케이스가 있으면 안정성을 제공해 실제 코드의 변경이 쉬워..
[클린 코드] Assignment #10: TIL - 7장. 오류처리 + 공부법을 서로 공유해요 📢 DAY 12 ~ 13 🏷️ 오늘 읽은 범위: 7장. 오류처리 🖊️ 짧은 내용 요약 프로그램의 안정성을 위해 오류 처리는 필수적이지만, 자칫 잘못하면 오류 처리로 인해 더러운 코드가 만들어질 수 있다. 오류 처리를 프로그램 논리와 분리하면 코드의 유지보수성도 높아지고, 프로그램의 로직을 이해하기가 훨씬 쉬워지면서 깨끗한 코드를 작성할 수 있다. 😊 깨끗한 코드를 만드는 오류 처리 방법! try-catch문과 같은 예외를 사용해 오류 처리하기 try-catch 구조를 사용해 예외처리를 하면, 코드도 깔끔해지고 필수적인 구현 기능의 범위를 잘 구분해 만들게 된다. 이 때, 테스트 케이스를 먼저 작성한 후, 테스트를 통과하도록 코드를 작성하면 try-catch 내부에 필수적인 기능을 구현하기 더욱 쉬워진다...
[클린 코드] Assignment #08: TIL - 6장. 객체와 자료구조 📢 DAY 10 🏷️ 오늘 읽은 범위: 6장. 객체와 자료구조 🖊️ 짧은 내용 요약 추상화하자 클래스 안에 선언하는 변수는 외부에서 직접적으로 접근하지 못하도록 숨기는 게 좋다. 하지만 그렇다고 마냥 get, set 함수를 넣는다고 변수가 숨겨지는 것은 아니다. 이런 변수와 같은 자료를 숨기려면 추상화를 통해 사용자가 자료를 구체적으로 몰라도 자료를 조작할 수 있게 해야 한다. 그래서 메소드를 만들 때도 자료의 사용을 직접적으로 알 수 없는 추상적인 표현을 사용하거나 추상 인터페이스를 사용해 객체를 구현한다. 객체 자료를 추상화로 숨긴 채 자료를 다루는 함수만 공개한 형태 자료 구조 자료를 그대로 공개하면서 별다른 함수는 없는 구조(ex. DTO) 상황에 맞게 사용하자 객체 지향적인 코드와 절차 지향적인..

티스토리툴바