본문 바로가기

전체 글

문자언어와 비트 문자언어 문자언어는 기호(문자)를 나열한 것이다. 예를 들면 '블'라는 말은 3가지 기호로 이루어진 것이다. (ㅂ,ㅡ,ㄹ) 이처럼 기호와 기호의 조합은 무궁무진하다. 언어마다 순서도 다를 수 있다. 한국은 왼쪽에서 오른쪽으로 쓰는데 일본은 오른쪽에서 왼쪽으로 읽는다. 하지만 서체에 따라 기호를 구분하지는 않는다. 문자언어의 틀은 1. 기호가 들어갈 상자 2. 상자에 들어갈 기호 3. 상자의 순서 이렇게 3가지로 구성되는데 컴퓨터 언어도 동일하다. 비트 아래 박스는 문자(character)라고 부르고 컴퓨터에서는 비트라고 부른다. 컴퓨터에서는 비트라는 것을 사용한다. -> 적은비용으로 편리하게 기호를 담을 수 있다. 비트 비트 : 바이너리(binary) + 디지트(digit) * 바이너리(binary) :.. 더보기
컴퓨터 내부의 언어 체계_언어란 무엇인가? 언어는 서로 정보를 나누고 소통하기 위해 생겨진 것이다. 사람이 쓰는 언어는 자연어라고 불리며 수천년 동안 진화해온 결과라고 할 수 있다. 하지만 컴퓨터 언어는 자연어에 비해 비교적 최근에 만들어진 인공적인 발명품이다. 따라서 자연어를 이용해서 컴퓨터 언어를 설명할 수 있다. 컴퓨터 언어는 항상 문자언어만 사용하고 자연어와 동일한 기호, 나열방법, 사용법을 가지고 있다. 모든 언어들의 뜻은 기호의 집합이고 인코딩된다. 하지만 단순히 인코딩 되는 것만으로 충분하지 않으며 의사소통 당사자들이 같은 문맥을 공유해야 한다. 같은 기호에 같은 뜻을 가지고 있어야 제대로 된 소통이 가능해진다. 컴퓨터 언어는 자연어에 비해 어렵지 않으므로 규칙만 알면 이해하기 쉽다! 더보기
한 권으로 읽는 컴퓨터 구조와 프로그래밍_ 스터디 시작 2022년 1월 1일 이제 매일 1개씩 포스팅을 해볼 예정인데 이 책을 읽고 내가 이해한 것을 바탕으로 블로그에 정리할 예정입니다. 비전공자로서 개발자라는 것을 하면서 꽤나 부족함을 많이 느꼈기 때문에 공부를 다시 시작하게되었습니다. 회사를 다니면서 공부를 하는 것이기 때문에 많은 양을 정리하지는 못할 것 같고 목차기준으로 한 파트씩 정리하려고합니다. 파이팅!!! https://coupa.ng/cbmAJm 책만 한 권으로 읽는 컴퓨터 구조와 프로그래밍 - 더 나은 소프트웨어 개발을 위한 하드웨어 COUPANG www.coupang.com 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 더보기
리덕스_10_게시글 상세내역 보기 2020/06/06 - [redux] - 리덕스_9_게시글 내용 보기 리덕스_9_게시글 내용 보기 2020/06/06 - [redux] - 리덕스_8_리스트 조회하기 리덕스_8_리스트 조회하기 망고플레이트를 예시로 사용해봅니다. https://www.mangoplate.com/ 망고플레이트: 나만의 맛집 검색 솔직하고 거짓없는 리뷰로 나 wastetime.tistory.com 1. foodAction.js를 만든다. 여기서 함수를 만들어준다. action 함수를 만들어서 쓰면 더 편하다. import {FETCH_FOOD_DETAIL} from "./types"; import axios from 'axios' export function fetchFoodDetail(no) { return function.. 더보기
리덕스_9_게시글 내용 보기 2020/06/06 - [redux] - 리덕스_8_리스트 조회하기 리덕스_8_리스트 조회하기 망고플레이트를 예시로 사용해봅니다. https://www.mangoplate.com/ 망고플레이트: 나만의 맛집 검색 솔직하고 거짓없는 리뷰로 나만의 맛집을 쉽고 빠르게 찾아보세요! www.mangoplate.com 1. 새 프로젝트를 wastetime.tistory.com 이 포스팅을 연결해서 작성합니다. 1. 이미지를 클릭하면 다음 창으로 넘어가게 하기 위해 Category.js에서 NavLink 를 import 한다. 이미지를 NavLink에 싸준다. m.cateno를 CateFood.js에서 받게 해주려면 App.js에서 /cate_food/:cno 라고 해주어야 한다. import React from .. 더보기
리덕스_8_리스트 조회하기 망고플레이트를 예시로 사용해봅니다. https://www.mangoplate.com/ 망고플레이트: 나만의 맛집 검색 솔직하고 거짓없는 리뷰로 나만의 맛집을 쉽고 빠르게 찾아보세요! www.mangoplate.com 1. 새 프로젝트를 만든다. package.json에 아래있는 것들을 추가한다. "express": "^4.17.1", "mongodb": "^3.5.8", "redux": "^4.0.5", "react-redux": "^7.2.0", "react-router": "^5.2.0", //페이지 넘길 때 사용 "react-router-dom": "^5.2.0", "redux-logger": "^3.0.6" //log 표시 할 떄 사용 "redux-thunk": "^2.3.0" //비동기일 때 사.. 더보기
리덕스는 무엇일까? redux - 기존 방식(트리구조)의 불편함을 없애기 위해 만들어 진 것 : state의 props를 계속 위에서 아래로 내려주어야 했다.(귀찮) : 필요한 값을 가져다 쓸 수 있게 되었다.(편리) - front에서 mvc 구조를 만드는 것. 구조) 순서대로 view - controller- model과 같음 **store 안에는 1. action 2. reduce 이렇게 2개를 알고 있어야 한다. **reducer는 여러개가 들어갈 수 있다. model 만들 때도 기능마다 하나씩 만들었으므로 동일하게 보면 된다. 여기서 변경된 state를 store에 있는 reduce로 보내줘서 변경되는 것이다. 즉, action과 reduce만 있으면 된다. **state가 변경되었을 때 view에서 store로 d.. 더보기
리액트 _6_쉐프 상세보기 페이지 만들기 2020/05/30 - [react] - 리액트_5_레시피 상세보기 페이지 만들기_2 리액트_5_레시피 상세보기 페이지 만들기_2 2020/05/30 - [react] - 리액트 _4_레시피 상세보기 페이지 만들기 비동기화 ===> redux-thunk redux-saga - useCallback: function을 기억.." data-og-host="wastetime.tistory.com".." data.." data-og-host=".. wastetime.tistory.com 이제 쉐프 자세히보기 페이지를 만들것이다. 1. recipe-server에다가 쉐프로 만든다. 이전에 작성한 부분에서 /chef와 collection부분만 바꾸면 된다. app.get('/chef',(request,respons.. 더보기

반응형