원문 출처: https://khosee6.medium.com/semantic-html-1ce22ab3007b SEMANTIC HTML Have you ever had trouble naming tags for a web page? Don’t worry if this describes you, we’ve all been there. It can be difficult for a… khosee6.medium.com ◇ 시멘틱 HTML 웹 페이지에서 태그 이름을 지을 때 어려움을 겪은 적이 있나요? 안 그러셨다면, 초심자인 프론트엔드 개발자들은 무엇을 사용해야 할 지 결정하는 것이 어렵습니다. 대부분의 사람들(본인 포함)은 처음에 div 태그를 사용했습니다. 그러나 나중에 해당되지 않는 방법임을 깨달았습니다...
원문출처: https://medium.com/fullstack-programming-in-english/type-assertions-as-const-and-non-null-assertion-operator-in-typescript-with-examples-20028cf17628 Type Assertions, as const and Non-null assertion operator in TypeScript with Examples This article explores type assertions, the as const keyword, and non-null assertions in TypeScript. It also provides examples of each… medium.com Type Asser..
🔷 1. 웹 표준 웹 표준의 개념과 등장 배경을 기억한다. 웹 표준을 지켰을 때의 장점을 이해한다. Semantic HTML을 작성해야 하는 이유를 이해한다. Semantic HTML을 작성하는 방법을 이해한다. 자주 틀리는 마크업 규칙과 올바르게 작성하는 방법을 기억한다. 크로스 브라우징의 개념과 방법을 기억한다. 1.1. 웹 표준의 개념 서로 다른 브라우저 간의 호환을 위해 웹 개발의 형식을 통일 시킬 필요가 있었다. 그래서 웹 표준이 탄생했다. 웹 표준 (W3C: World Wide Web Consortium) 정의: 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고, 작동하도록 하는 웹 페이지 제작 기법을 정한다. HTML, CS..
Given a linked list, swap every two adjacent nodes and return its head. You must solve the problem without modifying the values in the list's nodes (i.e., only nodes themselves may be changed.) Example 1: Input: head = [1,2,3,4] Output: [2,1,4,3] Example 2: Input: head = [] Output: [] Example 3: Input: head = [1] Output: [1] Constraints: The number of nodes in the list is in the range [0, 100]. 0
원문출처: https://medium.com/@masterrajpatel/useref-are-you-using-that-right-92be03adf89b useRef() — Are You Using That Right useRef is a React hook that provides a way to create a mutable object that persists across component re-renders. This object can be used… medium.com useRef는 리액트 훅으로, 컴포넌트 리렌더링을 해도 유지되는 변경 가능한 객체를 만드는 방법을 제공합니다. 이 객체는 DOM 요소에 대한 참조 또는 컴포넌트 리렌더링 간에 유지되어야 하는 다른 값에 대한 참조로 사용할 수 있..
원문출처: https://levelup.gitconnected.com/7-differences-between-arrow-functions-and-regular-functions-in-javascript-9152883a839f 7 Differences between arrow functions and regular functions in JavaScript This article discusses the major differences between the regular and arrow functions. levelup.gitconnected.com ◆ 이 글에서는 Regular 함수와 Arrow 함수의 주요 차이점에 대해 논의합니다. JavaScript에서의 함수는 특정 작업을 수행하기 위해 설계된 코..
문제 설명 하노이 탑(Tower of Hanoi)은 퍼즐의 일종입니다. 세 개의 기둥과 이 기동에 꽂을 수 있는 크기가 다양한 원판들이 있고, 퍼즐을 시작하기 전에는 한 기둥에 원판들이 작은 것이 위에 있도록 순서대로 쌓여 있습니다. 게임의 목적은 다음 두 가지 조건을 만족시키면서, 한 기둥에 꽂힌 원판들을 그 순서 그대로 다른 기둥으로 옮겨서 다시 쌓는 것입니다. 한 번에 하나의 원판만 옮길 수 있습니다. 큰 원판이 작은 원판 위에 있어서는 안됩니다. 하노이 탑의 세 개의 기둥을 왼쪽 부터 1번, 2번, 3번이라고 하겠습니다. 1번에는 n개의 원판이 있고 이 n개의 원판을 3번 원판으로 최소 횟수로 옮기려고 합니다. 1번 기둥에 있는 원판의 개수 n이 매개변수로 주어질 때, n개의 원판을 3번 원판으로..
원문 출처: https://levelup.gitconnected.com/mastering-typescript-a-guide-to-choosing-between-type-and-interface-c31d3527693b Mastering TypeScript: A Guide to Choosing Between ‘type’ and ‘interface’ Choosing between ‘type’ and ‘interface’ in TypeScript can be confusing, but understanding their differences can improve the code… levelup.gitconnected.com 이 블로그 글에서는 type과 interface의 차이점과 각각 언제 사용해야 하는지에 ..