TIL75 UNIX-shell tutorial 터미널 명령어와 UNIX 셸의 기초를 배울수 있는 자료를 찾게되어 기록해둡니다. 이미 알고있던 내용도 있지만 모르던 부분도 몇몇 부분있네요. http://swcarpentry.github.io/shell-novice/02-filedir/index.html Navigating Files and Directories – The Unix Shell The part of the operating system responsible for managing files and directories is called the file system. It organizes our data into files, which hold information, and directories (also called ‘folders’),.. 2021. 7. 24. Redux를 쓰는이유 Academind에서 리액트 강의를 수강한 내용을 정리하는 포스팅입니다. https://redux.js.org/ Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org Redux 는 리액트와 함께 쓸수 있는 상태관리 라이브러리이다. 리액트로 앱을 만들다 보면 특정 컴포넌트에 있는 상태가 다른 컴포넌트에서 필요하거나 앱 전반적으로 요구되는 경우가 있다. 물론 기본적으로는 props 로 넘겨주면 되지만 특정 컴포넌트가 너무 nesting이 깊게 되어있거나 할 경우 상태정보를 lifting 하는게 여간 힘든일이 아니다. 그래서 기본적.. 2021. 7. 11. 리액트의 작동 방식 Academind 에서 리액트 강의를 수강후 배운내용을 정리하는 포스트입니다. 1. 리액트의 작동방식 리액트 라이브러리는 사실상 크게 2가지로 구성되어있다 볼수있는데 React 그리고 ReactDOM 이다. React 그리고 ReactDOM은 각자 맡는 역할이 다르다. - React는 상태변화를 듣고 컴포넌트들을 관리하는 역할 (=상태변화에 따라 컴포넌트 함수(또는 클래스)들을 실행하여 렌더링 결과가 어떻게 되어야 하는지의 정보(컴포넌트 트리 라고도 할수 있을거다) 관리) - ReactDOM은 React로 부터 기존의 컴포넌트 트리 모습과 현재 상태변화에 따른 컴포넌트트리의 차이점에 대한 정보를 받고 해당 정보를 기반으로 Real DOM을 수정한다. 즉 상태(state)에따라 컴포넌트 함수를 execut.. 2021. 7. 6. 리액트 상태변화와 랜더링 그리고 자바스크립트의 참조형 데이터 오늘은 Academind 에서 리액트 강의를 듣고 실습을 진행 하고 있었다. 그런데 큰 문제가 하나 있었는데.... 아니 분명 useState hooks로 상태를 변화 시켰는데 컴포넌트가 새롭게 렌더링이 되지 않는 것이다. import React, { useState } from "react"; import "./App.css"; import InputCard from "./components/InputCard/InputCard"; import AddedList from "./components/AddedList/AddedList"; let userData = []; function App() { const [submittedData, setSubmittedData] = useState(userData).. 2021. 7. 3. 8.HTTP 헤더2 - 캐시와 조건부 요청 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. 캐시 기본 동작 캐시란 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다. 캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수있기 때문이다. (위키피디아 정의) HTTP 통신에서도 캐시를 사용한다. 캐시가 없을때는 • 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다. • 인터넷 네트워크는 매우 느리고 비싸다. • 브라우저 로딩 속도가 느리다. • 느린 사용자 경험 캐시를 적용하면 • 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다. • 비싼 네트워크 사용량을 줄일 수 있다. • 브라우저 로딩 속도가 매우.. 2021. 6. 27. 7.HTTP 헤더1 - 일반 헤더 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. HTTP 헤더 개요 HTTP 헤더의 용도 • HTTP 전송에 필요한 모든 부가정보 - 예) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐 시 관리 정보... • 표준 헤더가 너무 많음 - https://en.wikipedia.org/wiki/List_of_HTTP_header_fields • 필요시 임의의 헤더 추가 가능 - helloworld: hihi 표현헤더의 종류 협상(콘텐츠 네고시에이션)헤더 클라이언트가 선호하는 표현을 요청하는데 사용되는 헤더이며 아래와 같이 4가지 종류가 존재한다. 예를들어 협상헤더를 쓰지않으면 다중언어를 지원하는 서버가 있어도 기본 언어만.. 2021. 6. 27. 이전 1 2 3 4 5 ··· 13 다음
