◎ 실습 코드 폴더 만들기저는 문서 폴더 아래에 onebite-typescript라는 이름의 폴더를 만들어 주었습니다.   ◎ Node.js 패키지 초기화npm init패키지 정보를 모드 기본으로 설정하기 위해 다음 명령어를 입력하여 Node.js 패키지를 초기화합니다.   ◎ @types/node 설치하기새로운 타입스크립트 프로젝트를 시작할 때에는 패키지 초기화 후 Node.js 내장 기능들의 타입 정보를 담고 있는 @types/node 라는 패키지를 꼭 설치해주어야합니다. 타입스크립트는 코드를 실행하기 전 타입을 올바르게 사용했는지 검사하는 타입 검사 과정을 거칩니다. 이 검사 과정에서 타입이 선언되지 않은 코드라면 타입 오류를 발생시키는데, Node.js의 기본 기능들을 위한 타입을 별도로 선언하기..

💡 대다수의 프로그래밍 언어의 동작 방법대부분의 프로그래밍 언어는 인간 친화적입니다. 컴퓨터는 인간과는 다르게 바이트코드나 기계어, 이진수 같은 단순한 언어를 기반으로 동작합니다. 따라서 영문법과 비슷한 프로그래밍 언어를 컴퓨터가 바로 이해하고 실행하기는 어렵습니다. 그래서 컴퓨터는 우리가 작성한 코드를 실행하기 위해서 컴퓨터가 해석하기 쉬운 형태로 변환하는 데 이 과정을 컴파일 이라고 부릅니다. 그래서 우리가 프로그래밍 언어로 작성한 코드를 컴파일하면 컴퓨터가 이해할 수 있는 기계어의 형태로 변환되는 것입니다. 이제 컴퓨터는 기계어를 읽고 실행하며 결과적으로 코드가 실행되게 되는 것입니다.  이때, 코드를 컴파일하는 역할을 하는 것이 컴파일러 입니다.컴파일러는 어떤 과정으로 코드를 컴파일 하는 것일까..

💡 타입 시스템이란?모든 프로그래밍 언어에는 타입 시스템이 있습니다. 타입 시스템이란, 언어에서 사용할 수 있는 여러가지 값들을 어떤 기준으로 묶어서 타입을 정할지 결정하고 코드의 타입을 언제 검사할지 그리고 어떻게 검사할지 등 우리가 프로그래밍 언어를 사용할 때 타입과 관련해서 지켜야 하는 규칙들을 모아둔 체계입니다. 간단하게, 언어의 타입 관련된 문법 체계라고 할 수 있습니다.  타입 시스템은 크게 두가지로 나눌 수 있습니다. 코드 실행 전에 모든 변수의 타입을 고정적으로 결정하는 정적 타입 시스템과 코드를 실행하기 전에는 타입을 결정하지 않고 코드를 실행하고 나서 그때마다 유동적으로 변수의 타입을 결정하는 동적 타입 시스템입니다.   💡 동적 타입 시스템자바스크립트의 동적 타입 시스템은 기본적으..

💡 타입스크립트란 ?• 타입스크립트의 탄생타입스크립트는 2012년에 마이크로소프트의 개발자이자 C#의 창시자로 알려진덴마크 출신의 개발자 Anders Hejlsberg (앤더스 하일스버스)의 손에서 처음 탄생하였습니다.   • 타입스크립트 = 오픈소스타입스크립트는 오픈소스로 공개되어 있는데 현재도 많은 프로그래머들이 이 언어의 개발과유지보수에 참여하고 있기 때문에 앞으로도 발전 가능성이 많은 언어입니다.   • 타입스크립트의 인기타입스크립트는 현재 자바스크립트 프로그래머들 사이에서 굉장히 인기 있는 언어입니다.아래는 StateOfJs라는 전 세계의 자바스크립트 개발자들을 대상으로 매년 설문조사를 하는 매우 공신력 있는 기관의 설문 결과입니다. 2022년도 결과에 따르면 100명의 자바스크립트 개발자들 ..

안녕하세요. shyunu입니다.2404회차 리눅스마스터 2급 합격 후기 및 공부법에 대한 글임을 알려드립니다 ✨  12/17에 가답안 공개 예정이었는데 12/16인 현재 하루 빨리 가답안이 공개되었습니다 ☀️이렇게 수험표를 시험장에 가져가셔서 뒷면에 본인 답 적어오실 수 있어서 채점하시면 합격자 발표 전에 점수 미리 확인하실 수 있습니다.저는 80문제 중 24문제 오답으로 총 70점으로 최종합격하였습니다 ! (문제당 1.25점)📌 리눅스마스터 란 ?https://www.ihd.or.kr/main.do KAIT 자격검정시험접수 정보통신 자격검정 시험 원서등록을 하실 수 있습니다www.ihd.or.kr• 리눅스로 운영되는 전세계 80%이상의 스마트폰, 70%이상의 클라우드 서버, 세계 상위의 500대 슈퍼..

출처: https://www.acmicpc.net/problem/15894📌 문제📌 나의 코드import java.util.Scanner;public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); long n = scan.nextLong(); //가장 아랫부분의 정사각형 개수 System.out.println(n * 4); scan.close(); }} 📌 풀이 과정1. 데이터 타입 선택하기• 입력되는 n의 값의 조건이 1 ≤ n ≤ 10^2 으로 주어져 있습니다.• int의 최대값은  2,147,483,647 ( 2^{..

1. Vercel 회원가입https://vercel.com/ Vercel: Build and deploy the best web experiences with the Frontend Cloud – VercelVercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.com우측 상단의 Sign up을 선택합니다.  1-1. Plan Type / Your NameHobby를 선택하여 개인적인 프로젝트를 학습용으로 배포할 것임을 알려줍니다.Your Name에는 이름을 입력하면 되는데 **영어**로 입력하셔야 합니다. 1-2. 가입..

📌 배포 준비사항1. 페이지 타이틀페이지 타이틀은 브라우저 탭과 검색 엔진에서 표시되는 이름입니다. 페이지의 목적과 브랜드를 명확히 전달하고 검색 엔진 최적화(SEO)를 개선합니다. 제목은 탭에 렌더링되는 HTML의 태그로 정해집니다.  2. FaviconFavicon은 브라우저 탭에서 페이지 제목 왼쪽에 표시되는 작은 아이콘입니다. 브랜딩과 사용자의 시각적인 인식을 돕습니다. 3. 오픈 그래프 (Open Graph)오픈 그래프는 링크를 공유할 때 미리보기 정보(이미지, 제목, 설명)를 제공합니다. 이는 링크를 공유할 때 매력적이고 명확한 정보를 제공하여 클릭률을 높일 수 있습니다. HTML에서 태그를 이용해 만듭니다. 웹 서비스의 링크를 SNS나 카카오톡, 슬랙 등과 같은 채팅 서비스에서 공유할 때 ..

📌 Link컴포넌트[ 클라이언트 사이드 렌더링 (CSR) ] • React Router에서 Link 컴포넌트를 사용하면, 브라우저는 전체 페이지를 새로고침하지 않고 필요한 부분만 교체하여 화면을 업데이트합니다. • SPA(Single Page Application)의 장점을 활용할 수 있습니다. • 페이지 전환 시 네트워크 요청과 DOM 초기화 과정을 최소화하여 속도가 더 빠릅니다. [ 애플리케이션 상태 유지 ] • 페이지 이동 시 애플리케이션 상태(Redux상태, 컴포넌트의 로컬 상태 등)가 유지됩니다. [ 사용자경험(UX) 개선 ] • 페이지 전환이 바로 이루어져 끊김 없는 사용자 경험을 제공합니다.  📌 a 태그 [ 서버 사이드 렌더링 (SSR) ] • a 태그를 사용하면 브라우저는 페이지 이..