[개발 상식] 단위 테스트

우아한 테크코스 프리코스 2주차 미션에서 요구되는 것은 ‘본인이 만든 기능 테스트’ 입니다! 지난주 TDD에 대해 공부를 했고, 단위 테스트에 대한 내용들을 훑어 보았는데, 이번에 이렇게 미션으로 나오게 되면서 다시 한번 복습 그리고 몰랐던 부분들을 체크하면서 확실한 기능 구현을 해보려고 합니다! 이 블로그의 내용은 ‘클린 코드’ 라는 책을 기반으로 작성하였습니다! 🧐TDD? TDD… 티디디, 개발 커뮤니티에서도 그렇고 정말 많이 들리는 단어입니다. Test-Driven Development, 즉 테스트 주도 개발로, 소프트웨어를 개발하는 방법 중 하나입니다! [개발 상식] TDD란 무엇인가? 티디딕…? TDD…? 처음 들어 봅니다. 그래서 짚고 넘어가려고 합니다! 🤔TDD 가 뭐야? TDD (Test ..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 10. 26.
• textsms

[개발 상식] 들여쓰기가 코드 가독성에 미치는 영향

이번에 우아한 테크코스 2주차 미션에서 추가된 요구사항이 있었습니다. 다름아닌 ‘indent(인덴트, 들여쓰기) depth를 2까지만 허용한다.’ 라는 요구사항이 있었습니다. 이 요구사항을 보니 의문이 들더라구요. 왜 2라는 숫자가 정해져 있을까? 혼자서 코드를 짤 땐 3번 4번 들여쓰기를 하는 경우도 허다했거든요. 이런 의문을 가지고 들여쓰기가 코드 가독성에 어떠한 영향을 미치는지 알아보려고 합니다! 🤔들여쓰기 크기가 미치는 영향? 들여쓰기가 중요한 것은 소스 코드의 구조를 미묘하게 형성하는 것입니다. 블록과 블록사이의 관계를 파악하는 것을 통해 계층 구조를 명확하게 알 수 있죠. 이는 다른 동료 개발자가 코드를 보더라도 빠르게 스캔할 수 있게 도와줍니다. 논리적인 흐름을 빠르게 이해할 수 있다는 말이..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 10. 26.
• textsms

[개발 상식] 객체지향(OOP) vs 절차지향(PP) with JS

이전에 객체지향과 절차지향에 대해서 공부했었는데, 클린 코드(로버트 C 마틴) 책 6장에서 다뤄지는 내용을 충분히 이해하고자 !! 다시한번!! 중요한 개념으로 생각되기에! 포스팅 해봅니다!!! 🤔객체지향 프로그래밍(OOP, Object-Oriented Programming)이란? 소프트웨어 개발 패러다임 중 하나로, 객체(Object)와 그 객체들 간의 상호작용을 모델링하여 프로그램을 구성하는 방법론입니다. 코드 재사용성과 유지보수성을 향상시키는 등의 장점을 가지고 있어 현대적인 프로그래밍 언어들에 널리 사용되고 있습니다. 🤔절차지향 프로그래밍(PP, Procedural Programming)이란? 소프트웨어 프로그래밍 패러다임 중 하나로, 프로그램을 데이터와 프로시저(Procedure, 함수 또는 서브..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 10. 17.
• textsms

[개발 상식] 다국어가 포함된 페이지를 제공하는 방식

웹 사이트를 다국어 페이지로 제공하는 방식에는 다양한 방법이 있습니다. 😀1. 다국어 컨텐츠를 일일이 번역, 제공 각 언어별로 웹 페이지의 컨텐츠를 번역하여 제공하는 방식입니다. 각 페이지마다 해당 언어의 텍스트가 포함되는 방식으로 예를 들면 “kr” 폴더에는 한국어, “en”폴더에는 영어 버전의 웹 페이지 파일이 들어가 있습니다. 하지만 일일이 번역하기 때문에 비용과 시간이 많이 들고, 여러 언어로 된 컨텐츠를 일관성 있게 유지하기가 힘듭니다. 😀2. URL 언어 서브디렉터리 각 언어의 웹 페이지를 서브디렉터리에 저장하는 방식입니다. 각 언어별로 별도의 서브 디렉터리를 생성하고 해당 언어의 컨텐츠를 디렉터리에 배치합니다. 예를 들어“/en/”은 영어, “/kr/”은 한국어 디렉터리에 배치합니다. 이는 ..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 10. 8.
• textsms

[개발 상식] XML과 XHTML

XML과 XHTML은 모두 마크업 언어의 종류로, 데이터를 구조화하고 표현하는데 사용되는 형식입니다. 🤔XML (Extensible Markup Language) XML은 데이터를 저장하고 전송하기 위한 언어로 설계되었습니다. 주로 다양한 응용 프로그램 간 데이터 교환을 위해 사용됩니다. John Doe 30 New York 🖊️XML은 다음과 같은 특징을 가지고 있습니다. 사용자가 자신만의 태그를 정의할 수 있어 확장성이 뛰어납니다. 문서의 구조를 정의하고 데이터를 계층 구조로 표현할 수 있습니다. 텍스트 데이터를 저장하기 위한 일반적인 형식입니다. 플랫폼 및 프로그래밍 언어에 독립적이며, 데이터 교환에 유용합니다. 불필요한 데이터 양이 발생할 수 있어 파일 크기가 커질 수 있습니다. 구문 검사 및 처..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 9. 25.
• textsms

[개발상식] HTML의 doctype, 표준모드(standards mode)와 쿽스모드(quirks mode)

🤔Doctype이 무엇인가요? Doctype은 Document Type을 의미하는 것으로 HTML 파일의 상단에 선언할 수 있습니다. 위 코드는 html5을 나타내어 브라우저는 이에 맞는 동작을 하게 됩니다. 이를 통해 브라우저 모드를 설정할 수도 있습니다. 브라우저 모드에는 Quirks 모드와 Standards 모드가 있습니다. 🤔Quirks 모드 이 모드는 Doctype이 없거나 오래된 Doctype일 때 활성화 됩니다. 오래된 Doctype의 예시는 다음과 같습니다 오래된 Doctype의 경우 html5 표준과 다른 규칙을 따르기 때문에 이를 통해 이전 버전의 규칙을 따를 수 있게 됩니다. 🤔Standards 모드 표준 모드로 다음과 같이 선언합니다 최신 웹 개발 환경의 경우 스탠다드 모드를 활성화..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 9. 12.
• textsms