본문 바로가기

기타/글로컬청년취업사관학교

 (19)
[글로컬청년취업사관학교] [TIL] 240807 1. Redux 개요 및 개념  - 애플리케이션 상태를 관리하고 업데이트하는 패턴 및 라이브러리 - 애플리케이션의 "글로벌" 상태를 관리하는데 도움을 준다. - 상태가 많이 필요하거나 자주 업데이트되며, 상태를 업데이트하는 로직이 복잡한 경우 유용 2. Redux 용어  1) 액션(Actions) - 타입 필드를 가진 일반 JavaScript 객체 - 타입 문자열을 "도메인/이벤트 이름" 형식으로 작성 - 액션 객체는 발생한 일에 대한 추가 정보를 포함하는 다른 필드를 가질 수 있고, 그 정보를 payload 필드에 넣는다.  const addTodoAction = { type: 'todos/todoAdded', payload: 'Buy milk'} 2) 액션 생성자(Action Creators) - 액..
[글로컬청년취업사관학교][TIL] 240712 메뉴판(부제 : 맛집 리스트) 요구사항- 음식의 이름,설명,가격이 포함된 메뉴판 만들기- 카테고리 버튼을 두고 선택시에 해당 카테고리의 음식만 보여주기  index.html Our Menu   app.jsconst menu = [ { id: 1, title: "buttermilk pancakes", category: "breakfast", price: 15.99, img: "./images/menu1.jpeg", desc: `I'm baby woke mlkshk wolf bitters live-edge blue bottle, hammock free..
[TIL] 240708 1. Node.js & npm  - Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)- 서버 사이드 애플리케이션 개발에 사용 - 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공 - Non-blocking  I/O와 단일 스레드 이벤트 루프를 통한 높은 Request 처리 성능- 데이터를 실시간으로 처리하여 빈번한 I/O가 발생하는 SPA(Single Page Application)에 적합 - CPU 사용률이 높은 애플리케이션에는 권장하지 않는다.   설치된 node 버전 및 npm 버전 확인    node.js 맛보기 : HTTP Serv..
[글로컬청년취업사관학교][TIL] 240702 Git 동작 방식  1) Git 저장소 만들기  - 기존 디렉토리를 Git 저장소로 만들기 # 폴더로 이동하기$ cd /c/user/my_project# .git 폴더 생성 및 git 구조 생성$ git init# 파일을 만들기$ echo "Hello, Git!" > hello.txt# 커밋 생성하기$ git commit -m 'initial project version' - 기존 저장소를 Clone 하기  a. 레포지토리 이름과 동일하게 $ git clone https://github.com/libgit2/libgit2 b. 내가 원하는 이름으로 클론하기 $ git clone https://github.com/libgit2/libgit2 mylibgit  2) 수정하고 저장하기   - 파일의 상태 확인..
[글로컬청년취업사관학교][TIL] 240701 Git 기초  용어 설명  - Repository(리포지토리) : 프로젝트의 파일과 이력이 저장되는 곳- Commit(커밋) : 저장소에 파일 상태를 기록하는 행위 - Branch(브랜치) : 기능 개발이나 버그 수정을 위해 기존 코드에서 분기하는 것- Merge(머지) : 한 브랜치의 변경사항을 다른 브랜치와 합치는 것- Fork(포크) : 다른 사용자의 Github 리포지토리를 자신의 계정으로 복사하는 것- Pull Request(풀 리퀘스트) : 자신이 개발한 코드를 다른 사람이 리뷰하고 병합하도록 요청하는 것     조건문과 반복문 과제 1) 문자열 곱하기    정답  function solution(my_string, k) { var answer = ''; for(let i=0..
[글로컬청년취업사관학교][TIL] 240628 JavaScript 기본   동적인 웹을 위해 자바스크립트가 할 수 있는 것들 1. 데이터를 저장 저장 공간 : var,let,const 저장할 값의 형태 : 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체 코드의 뭉치 : 함수  2. 값을 계산 - 사칙 연산, 논리 연산, 조건문, 반복문, 자료형의 내장함수 3. 결과를 반영 - DOM, BOM API 4. 다른 컴퓨터와 통신하다.  - Ajax  JavaScript를 사용하는 여러가지 방법들  1. HTML 파일 내부 삽입   1) HTML 태그 내 삽입 hello  2) script 태그를 통해 삽입    2. HTML 파일 외부에 있는 스크립트 파일을 로드     3. 브라우저 콘솔창   ..
[글로벌청년취업사관학교][TIL] 240627 네트워크 계층 모델과 프로토콜 - 통신이 이뤄지는 구조와 기능을 계층화하고 계층마다 동작하는 프로토콜(protocol)을 구분한 것- OSI  7계층과 TCP/IP 4계층은 대표적인 네트워크 계층 모델   1. OSI 7계층   물리 계층 (Physical Layer)- 전기적 신호를 통해 데이터를 전송데이터 링크 계층 (Data Link Layer)-물리적 네트워크의 에러 검출 및 수정, 데이터 프레임 전송을 담당네트워크 계층 (Network Layer) - 데이터 패킷의 경로 설정 및 전달을 담당전송 계층 (Transport Layer)-데이터의 전달을 보장하고 오류를 수정세션 계층 (Session Layer)- 통신 세션을 관리표현 계층 (Presentation Layer)- 데이터 형식을 변환하고..
[TIL] 240626 CSS 선택자  전체 선택자 - universal selector- html을 포함한 HTML 문서 내의 모든 요소를 선택. * 를 사용  타입(유형) 선택자(태그 선택자, 요소 선택자)- type selector- 특정 태그를 선택   아이디 선택자(#)- id selector- HTML 페이지 내에 id는 유일해야 한다- HTML 안에서 한 번만 사용되기 때문에 재사용성은 떨어진다 - 아이디 속성은 JavaScript 또는 해시 링크와 함께 사용되는 경우가 많다.   클래스 선택자(.) - class selector- 아이디 선택자와 다르게 한 페이지에 여러 개가 존재할 수 있다. - 재사용성이 높다.  특성 선택자([ ] ) - 주어진 특성을 가진 모든 요소를 선택  그룹 선택자(,)  복합 선택자..

티스토리툴바