기타/글로컬청년취업사관학교 (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- 아이디 선택자와 다르게 한 페이지에 여러 개가 존재할 수 있다. - 재사용성이 높다. 특성 선택자([ ] ) - 주어진 특성을 가진 모든 요소를 선택 그룹 선택자(,) 복합 선택자.. 이전 1 2 3 다음 목록 더보기
