Programming15 자바스크립트 심화 문법 정리 (ES6+ 기준) 📌 카테고리 1: 비동기 처리 (async/await, Promise)✅ 기본 문법Promiseconst promise = new Promise((resolve, reject) => { const success = true; if (success) { resolve("성공!"); } else { reject("실패!"); }});promise.then(result => { console.log(result);}).catch(error => { console.error(error);});async/await (더 간단한 문법)async function fetchData() { try { const response = await fetch("https://api.example... 2025. 5. 27. 자바스크립트 기본 & 응용 문법 총정리 📌 카테고리 1: 변수와 데이터 타입✅ 기본 문법변수 선언const name = "John"; // 상수 let age = 30; // 변경 가능 변수 var city = "Seoul"; // 예전 방식 (지금은 잘 안 씀)데이터 타입숫자(Number): 42문자열(String): "Hello"불리언(Boolean): true, false배열(Array): [1, 2, 3]객체(Object): { key: value }null, undefined: 비어있거나 아직 값이 없음🌿 응용 예제const person = { name: "John", age: 30, city: "Seoul"};console.log(person.name); // "John"📌 카테고리 2: 연산자와 조건문✅ 기본 문법산술 .. 2025. 5. 27. CSS 레이아웃 & 포지션 핵심 정리 📚 CSS 레이아웃 & 포지션 핵심 정리🏗️ 1️⃣ Flex 컨테이너 주요 속성Flexbox는 가로/세로 방향으로 아이템을 배치하고 정렬하는 데 강력속성 설명justify-content주축(main axis) 정렬 (좌우)align-items교차축(cross axis) 정렬 (상하)flex-direction주축 방향 지정 (row/column)flex-wrap아이템 감싸기 (줄 바꿈 여부)✅ 예제.container { display: flex; flex-direction: row; /* row, row-reverse, column, column-reverse */ justify-content: space-between; /* start, center, end, space-between, spac.. 2025. 5. 26. CSS 기본 문법 & 응용 문법 📚 CSS 기본 문법 정리🔰 CSS란 무엇인가?CSS(Cascading Style Sheets)는 HTML 문서의 스타일과 레이아웃을 꾸미는 언어다.쉽게 말해, HTML이 웹 페이지의 뼈대라면 CSS는 그 뼈대에 옷을 입히는 역할을 한다.✅ 주요 역할색상, 크기, 폰트, 여백 등 디자인요소 배치 및 정렬반응형 레이아웃 구성애니메이션 및 전환 효과🌱 1️⃣ 기본 선택자와 구조선택자 설명 예시*모든 요소 선택* { margin: 0; }태그 선택자특정 태그 선택p { color: red; }클래스 선택자특정 클래스에 적용 (.).box { ... }아이디 선택자특정 아이디에 적용 (#)#header { ... }후손 선택자특정 요소 내부의 자식 선택 (A B)div p { ... }✅ 예제h1 { c.. 2025. 5. 26. 리눅스의 데이터 흐름 제어: 리디렉션과 파이프의 개념과 실습 [데이터 스트림과 파일 디스크립터]리눅스 시스템은 모든 입출력을 파일처럼 다룬다. 심지어 키보드 입력과 터미널 출력도 하나의 파일로 간주된다. 이때 입출력을 구분하는 식별자를 파일 디스크립터(File Descriptor) 라고 하며, 숫자로 구분된다.표준 입력 (stdin): 0번, 사용자의 입력 (보통 키보드)표준 출력 (stdout): 1번, 화면 출력표준 에러 (stderr): 2번, 오류 메시지 출력운영체제는 이러한 흐름을 통해 사용자와 프로그램, 하드웨어 사이의 데이터 전달을 관리한다.[리디렉션 (Redirection)]리디렉션은 명령어의 결과를 화면이 아닌 파일로 보내거나, 반대로 파일의 내용을 명령어 입력으로 사용할 수 있게 해준다.> : 출력 결과를 파일에 저장 (기존 내용 덮어씀)>> :.. 2025. 5. 16. 리눅스의 사용자와 권한: 개념부터 실습까지 리눅스는 다수의 사용자가 동시에 시스템을 사용하는 멀티유저 운영체제다. 이런 환경에서는 누가 어떤 자원에 접근할 수 있는지를 명확히 구분해야 한다. 그래서 리눅스는 사용자와 그룹, 그리고 권한이라는 개념을 통해 자원을 보호하고 관리한다. 이 글에서는 사용자 ID, 그룹 ID, 파일 권한, 특수 권한의 개념부터 실제 실습 예제까지 단계별로 알아보자.1. 사용자 ID(UID)와 그룹 ID(GID)모든 리눅스 사용자에게는 고유한 ID가 부여된다.UID(User ID): 사용자를 식별하는 번호GID(Group ID): 사용자가 속한 그룹을 식별하는 번호예를 들어 시스템 관리자 계정인 root는 UID와 GID가 둘 다 0이다. 일반 사용자는 보통 1000 이상의 UID를 가진다. 사용자와 그룹을 확인하려면 아래.. 2025. 5. 16. 리눅스 파일 조작 기초: 개념과 실습 정리 [텍스트 편집기: Vi 에디터]리눅스에서 가장 널리 사용되는 텍스트 편집기 중 하나가 vi이다. 기본적으로 모든 배포판에 내장되어 있으며, 커맨드 기반으로 작동한다. Vi는 크게 세 가지 모드로 나뉜다.명령 모드: 파일 탐색, 저장, 종료 등의 명령 수행입력 모드: 실제로 내용을 입력명령 라인 모드: 파일 저장(:w), 종료(:q), 강제종료(:q!) 등 수행기본 사용법:vi 파일이름 : 파일 열기i : 입력 모드 진입esc : 명령 모드로 전환:w : 저장:q : 종료:wq : 저장 후 종료[파일 확인]파일의 존재 유무, 크기, 속성 등을 확인하려면 다음 명령어들을 사용할 수 있다.ls : 파일 목록 출력ls -l : 상세 정보 출력 (권한, 소유자, 크기 등)cat : 파일 내용 출력file : 파일.. 2025. 5. 13. 리눅스 초보자를 위한 기본 명령어 및 vi 에디터 간단 정리 리눅스를 처음 접하는 사용자라면, 터미널에서 자주 사용하는 명령어들과 텍스트 편집 도구인 vi 에디터의 기본 사용법을 익히는 것이 중요하다. 본 글에서는 vi의 핵심 사용법을 간략히 소개하고, 리눅스에서 자주 사용하는 명령어들과 함께 유용한 옵션들을 정리한다.📝 vi 에디터 간단 사용법 vi는 총 3가지 모드를 가지고 있으며, 이들 간의 전환을 통해 다양한 편집 작업을 수행할 수 있다.모드설명명령 모드기본 모드. 커서를 이동하거나 명령을 실행할 수 있음입력 모드실제로 텍스트를 입력할 수 있는 모드명령행 모드저장, 종료 등 파일과 관련된 명령을 입력하는 모드🔁 모드 전환 방법현재 모드전환할 모드입력 키설명명령 모드입력 모드i, a, o 등텍스트 입력 가능해짐입력 모드명령 모드Esc입력 종료, 명령 대기.. 2025. 4. 20. 리눅스 디렉토리 구조 쉽게 이해하기 리눅스는 모든 것이 파일로 이루어진 운영체제다.처음 리눅스를 접하는 사람이라면 /bin, /etc, /usr 같은 디렉토리가 낯설게 느껴질 수 있다.하지만 리눅스의 디렉토리 구조는 매우 체계적이며, 각 디렉토리는 명확한 목적을 가지고 있다.이번 글에서는 리눅스를 처음 배우는 사람도 쉽게 이해할 수 있도록디렉토리 구조의 핵심 개념과 주요 폴더의 역할을 정리해보았다.✅ 리눅스 디렉토리는 트리 구조리눅스의 파일 시스템은 루트 디렉토리 /를 최상위로 하여하위에 수많은 디렉토리가 뻗어나가는 트리(Tree) 구조로 되어 있다./ ├── bin ├── boot ├── dev ├── etc ├── home ├── lib ├── media ├── mnt ├── opt ├── proc ├── root ├── run ├──.. 2025. 4. 20. 이전 1 2 다음
