Hello Kitty Eyes Shut
본문 바로가기

전체 글

(128)
[리액트 기초 스터디] JavaScript 자료형 정리 목차 (OPEN)📌 JavaScript 자료형 (Data Type) 정리🧮 Number Type🔤 String Type✅ Boolean Type🕳️ Null Type❓ Undefined Type⚖ Null vs Undefined 차이 📌 JavaScript 자료형 (Data Type) 정리자바스크립트에서 변수는 여러 가지 자료형을 저장할 수 있다.이러한 자료형은 크게 원시 타입(Privitive Type)과 객체 타입(Object Type)으로 나뉘는데,이번 글에서는 기본적인 원시 타입을 중심으로 정리해보고자 한다. 🧮 Number Type숫자를 나타내는 자료형으로, 정수, 실수, 음수 모두 Number 타입에 포함된다.let num1 = 27;let num2 = 1.5;let n..
[리액트 기초 스터디] JavaScript 변수와 상수 목차 (OPEN)📌 JavaScript 변수와 상수: 기초 개념 정리📝 변수 (Variable)🔒 상수 (Constant)📐 네이밍 규칙💡 네이밍 가이드 📌 JavaScript 변수와 상수: 기초 개념 정리자바스크립트를 배우면서 가장 먼저 마주치는 개념 중 하나가 변수와 상수이다.따라서 이번 글에서는 간단하게 let과 const를 중심으로 한 변수와 상수의 차이, 네이밍 규칙 등을 정리해보고자 한다. 📝 변수 (Variable)변수는 값을 저장할 수 있는 공간이다.자바스크립트에서 변수는 let 이라는 키워드를 사용해서 선언한다.// 초기값 없이 선언 가능let age;// 나중에 값 할당 가능age = 30;console.log(age); // 30 🔒 상수 (Constant)..
[리액트 기초 스터디] Prettier 적용 방법 & 적용 안 되는 경우 해결 방법 목차 (OPEN)🎨 Prettier란⚒ Prettier 적용 방법🚨 문제상황 🎨 Prettier란Prettier는 코드 포맷터이다.즉, 개발자가 작성한 코드를 자동으로 정해진 규칙에 따라 보기 좋게 정렬해주는 도구이다. 예를 들어, 아래처럼 들쭉날쭉한 코드가 있다고 해보자.function helloWorld(){console.log("Hello, world!");} 이걸 Prettier로 포맷팅하면 아래와 같이 자동으로 수정된다.function helloWorld() { console.log("Hello, world!");} ⚒ Prettier 적용 방법1) VSCode 확장 설치VSCode에서 Extension 탭 (Ctrl + Shift + x)을 열고,Prettier를 검색해서 아..
[컴퓨터통신] 컴퓨터 네트워크의 시작 목차 (OPEN)🌍 네트워크의 진화: 단일 목적에서 범용 플랫폼으로🛠 네트워크를 구성하는 빌딩 블록📚 결론 🌍 네트워크의 진화: 단일 목적에서 범용 플랫폼으로초기 네트워크는 전화망처럼 특정 목적에 맞춰 설계된 시스템이었다고 한다.예를 들면, 어떤 것은 오직 음성 통신만 처리하도록 만들어졌고,또 어떤 것은 케이블망처럼 영상 신호만 전달하는 데에 최적화되어 있던 것이다. 그러나 오늘날 우리가 다루는 컴퓨터 네트워크는 이러한 단일 목적 시스템과는 달리 범용성을 핵심으로 한다. 현대의 네트워크는 텍스트, 오디오, 비디오 등 이질적인 데이터 타입을 동시에 처리할 수 있어야 하며,새로운 애플리케이션이 등장하더라도 기존의 하드웨어와 소프트웨어 구조 위에서 충분히 확장 가능해야 한다. 이러한 네트워크를 ..
[컴퓨터그래픽스] 컴퓨터 그래픽스란 목차 (OPEN)🖼️ 컴퓨터 그래픽스란✏️ 학문적 성격🔬 과학적 관점⚙️ 공학적 관점🎨 예술, 인지적 관점📑 두 가지 관점에서의 컴퓨터 그래픽스 학습👨🏻‍🎨 사용자 관점👩🏻‍💻 시스템 프로그래머 관점🎨 그래픽 표현 방식🖊️ 벡터 그래픽스 (Vector Graphics)🖼️ 래스터 그래픽스 (Raster Graphics)👩🏻‍🔬 주요 연구 주제👓 2D vs 3D 그래픽스🔎 컴퓨터 그래픽스의 응용 분야 🖼️ 컴퓨터 그래픽스란컴퓨터 그래픽스 (Computer Graphics)는 한 마디로 컴퓨터를 이용해서 시각적인 데이터를 생성, 표현, 조작하는 분야이다.즉, 우리가 보는 디지털 이미지, 영화 속 CG 장면, 게임 그래픽, 심지어 윈도우의 UI까지 모두 컴퓨터 그래픽스의..
[인공지능] AI를 보는 네 가지 관점 목차 (OPEN)🤖 AI를 보는 네 가지 관점🧠 관점 1) Think like people (사람처럼 생각하기)🙋‍♂️ 관점 2) Act like people (사람처럼 행동하기)📐 관점 3) Think rationally (합리적으로 생각하기)⚙️ 관점 4) Act rationally (합리적으로 행동하기) 🤖 AI를 보는 네 가지 관점AI(Artificial Intelligence, 인공지능)는 단순히 '컴퓨터가 똑똑하다'라고만 설명하기에는 부족하다.왜냐하면 AI는 시대마다, 그리고 연구하는 사람마다 그 정의와 목표가 달랐기 때문이다. 이에 오늘의 포스팅에서는 Russell & Norving 교재에서 제시한 네 가지 관점을 알아고려고 한다. 🧠 관점 1) Think like peopl..
[궁금증] 파스를 붙이면 진짜 치료가 되는 걸까? 안녕하세요 (๑>◡ 오늘부터는 일상 속에서 문득 생기는 작은 궁금증들을 주제로,쉽게 풀어 설명해드리는 포스팅도 함께 올려보려고 해요 📚💡 허리가 뻐근하거나 어깨가 뭉칠 때,많은 분들이 제일 먼저 찾는 게 바로 파스일텐데요 👀💊 정말 파스가 통증을 치료해줄까요?아니면 단순히 잠시 완화해주는 걸까요? 🤔❓ 오늘은 '파스의 원리와 한계'를 주제로파스를 더 똑똑하게 쓰는 방법을 함께 알아보려고 해요 📝💡 허리가 뻐근하거나, 어깨가 뭉칠 때많은 분들이 습관처럼 파스부터 붙이곤 하죠 ( •̀ ω •́ )✧💊아마 붙이자마자 오는 시원하거나 따뜻한 자극이통증을 줄여주는 듯 느껴지기 때문일 거예요 ❄️🔥 그런데 여기서 중요한 질문이 하나 있는데요! (⊙_⊙)파스는 정말로 통증의 원인을 치료해..
[웹 기초] 웹(Web)과 인터넷(Internet)의 차이 목차 (OPEN)🌐 웹과 인터넷의 차이🌍 인터넷이란📡 네트워크들의 네트워크🛠 인터넷이 동작하는 방식🌐 웹이란🧭 웹의 핵심 구성 요소📚 결론 🌐 웹과 인터넷의 차이가끔 우리는 웹(Web)과 인터넷(Internet)을 같은 뜻처럼 쓰곤 한다.하지만 둘은 분명히 다른 개념이다.오늘은 헷갈리기 쉬운 이 두 용어의 차이를 정리해보자. 🌍 인터넷이란인터넷은 전 세계의 수많은 컴퓨터와 네트워크를 연결하는 거대한 인프라다.이는 단순히 '컴퓨터들이 연결되어 있다'는 추상적인 개념이 아니다.실제로는 전 세계 수십억 대의 장치(PC, 스마트폰 등)와 다양한 개별 네트워크(기업망, 가정망, 대학망 등)가서로 연결되어 끊임없이 데이터를 주고받는 구조를 의미한다. 📡 네트워크들의 네트워크한 가정집에서..