[ TypeScript ] 타입스크립트의 동작 원리
·
📍 프로그래밍 언어/TypeScript
💡 대다수의 프로그래밍 언어의 동작 방법대부분의 프로그래밍 언어는 인간 친화적입니다. 컴퓨터는 인간과는 다르게 바이트코드나 기계어, 이진수 같은 단순한 언어를 기반으로 동작합니다. 따라서 영문법과 비슷한 프로그래밍 언어를 컴퓨터가 바로 이해하고 실행하기는 어렵습니다. 그래서 컴퓨터는 우리가 작성한 코드를 실행하기 위해서 컴퓨터가 해석하기 쉬운 형태로 변환하는 데 이 과정을 컴파일 이라고 부릅니다. 그래서 우리가 프로그래밍 언어로 작성한 코드를 컴파일하면 컴퓨터가 이해할 수 있는 기계어의 형태로 변환되는 것입니다. 이제 컴퓨터는 기계어를 읽고 실행하며 결과적으로 코드가 실행되게 되는 것입니다.  이때, 코드를 컴파일하는 역할을 하는 것이 컴파일러 입니다.컴파일러는 어떤 과정으로 코드를 컴파일 하는 것일까..
[ TypeScript ] JavaScript vs TypeScript (동적타입/정적타입)
·
📍 프로그래밍 언어/TypeScript
💡 타입 시스템이란?모든 프로그래밍 언어에는 타입 시스템이 있습니다. 타입 시스템이란, 언어에서 사용할 수 있는 여러가지 값들을 어떤 기준으로 묶어서 타입을 정할지 결정하고 코드의 타입을 언제 검사할지 그리고 어떻게 검사할지 등 우리가 프로그래밍 언어를 사용할 때 타입과 관련해서 지켜야 하는 규칙들을 모아둔 체계입니다. 간단하게, 언어의 타입 관련된 문법 체계라고 할 수 있습니다.  타입 시스템은 크게 두가지로 나눌 수 있습니다. 코드 실행 전에 모든 변수의 타입을 고정적으로 결정하는 정적 타입 시스템과 코드를 실행하기 전에는 타입을 결정하지 않고 코드를 실행하고 나서 그때마다 유동적으로 변수의 타입을 결정하는 동적 타입 시스템입니다.   💡 동적 타입 시스템자바스크립트의 동적 타입 시스템은 기본적으..
[ TypeScript ] 타입스크립트 소개 및 등장 배경
·
📍 프로그래밍 언어/TypeScript
💡 타입스크립트란 ?• 타입스크립트의 탄생타입스크립트는 2012년에 마이크로소프트의 개발자이자 C#의 창시자로 알려진덴마크 출신의 개발자 Anders Hejlsberg (앤더스 하일스버스)의 손에서 처음 탄생하였습니다.   • 타입스크립트 = 오픈소스타입스크립트는 오픈소스로 공개되어 있는데 현재도 많은 프로그래머들이 이 언어의 개발과유지보수에 참여하고 있기 때문에 앞으로도 발전 가능성이 많은 언어입니다.   • 타입스크립트의 인기타입스크립트는 현재 자바스크립트 프로그래머들 사이에서 굉장히 인기 있는 언어입니다.아래는 StateOfJs라는 전 세계의 자바스크립트 개발자들을 대상으로 매년 설문조사를 하는 매우 공신력 있는 기관의 설문 결과입니다. 2022년도 결과에 따르면 100명의 자바스크립트 개발자들 ..
[ 리눅스마스터 2급 ] 제2404회차 합격후기 (1차/2차)
·
📍 자격증
안녕하세요. 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대 슈퍼..
[ 백준 / Java ] #15894 수학은 체육과목 입니다
·
📍 코딩테스트/백준
출처: 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^{..
[ React ] 프로젝트 배포하기 (Vercel)
·
📍 프로그래밍 언어/React
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. 가입..
[ React ] 배포 준비하기 (페이지 타이틀 / Favicon / 오픈 그래프(Open Graph) / 프로젝트 빌드)
·
📍 프로그래밍 언어/React
📌 배포 준비사항1. 페이지 타이틀페이지 타이틀은 브라우저 탭과 검색 엔진에서 표시되는 이름입니다. 페이지의 목적과 브랜드를 명확히 전달하고 검색 엔진 최적화(SEO)를 개선합니다. 제목은 탭에 렌더링되는 HTML의 태그로 정해집니다.  2. FaviconFavicon은 브라우저 탭에서 페이지 제목 왼쪽에 표시되는 작은 아이콘입니다. 브랜딩과 사용자의 시각적인 인식을 돕습니다. 3. 오픈 그래프 (Open Graph)오픈 그래프는 링크를 공유할 때 미리보기 정보(이미지, 제목, 설명)를 제공합니다. 이는 링크를 공유할 때 매력적이고 명확한 정보를 제공하여 클릭률을 높일 수 있습니다. HTML에서 태그를 이용해 만듭니다. 웹 서비스의 링크를 SNS나 카카오톡, 슬랙 등과 같은 채팅 서비스에서 공유할 때 ..
[ React ] Link컴포넌트와 a태그
·
📍 프로그래밍 언어/React
📌 Link컴포넌트[ 클라이언트 사이드 렌더링 (CSR) ] • React Router에서 Link 컴포넌트를 사용하면, 브라우저는 전체 페이지를 새로고침하지 않고 필요한 부분만 교체하여 화면을 업데이트합니다. • SPA(Single Page Application)의 장점을 활용할 수 있습니다. • 페이지 전환 시 네트워크 요청과 DOM 초기화 과정을 최소화하여 속도가 더 빠릅니다. [ 애플리케이션 상태 유지 ] • 페이지 이동 시 애플리케이션 상태(Redux상태, 컴포넌트의 로컬 상태 등)가 유지됩니다. [ 사용자경험(UX) 개선 ] • 페이지 전환이 바로 이루어져 끊김 없는 사용자 경험을 제공합니다.  📌 a 태그 [ 서버 사이드 렌더링 (SSR) ] • a 태그를 사용하면 브라우저는 페이지 이..
[ Adsp(데이터분석 준전문가) ] 제43회차 합격후기
·
📍 자격증
안녕하세요, 제 43회차 Adsp를 응시하여 합격한 shyunu입니다 👩🏻‍💻이 글은 Adsp 공부방법을 공유하기 위한 글임을 알려드립니다. 🚀 결과확인저는 64점으로 턱걸이로 합격했다고 생각합니다.. 그럴 수 밖에 없었던게 실제 공부기간은 3일밖에 안되었기 때문이에요 🥲 우선! 저는 국비지원으로 풀스택 개발자 수업과정을 수강중이었고 거의 막바지여서 파이널 프로젝트로 인해 시간을 할애하기가 힘들었어요. 그래서 최대한 학원에 있는 시간에는 프로젝트에 집중하고 그 이후 시간을 활용하여 Adsp를 공부하였습니다.  ~ 18:00 : 학원 프로젝트 시간20:00 ~ 24:00 : 3일간 하루에 4시간씩 공부 10/31 : 공부 1일차 → 11/1 : 공부 2일차 → 11/2 : 공부 3일차 → 11/3..
shyunu
shyunu 님의 블로그