Next-BlockChain

useEffect는 리액트 컴포넌트 내에서 Side Effect를 실행할 수 있게 하는 Hook입니다. 이 컴포넌트에서 실행하는 Side Effect는 브라우저 API를 이용해서 타이틀을 변경하는 것입니다. 다음 코드가 예시입니다. 클릭할 때마다 브라우저 탭이 변경됩니다. import { useEffect, useState } from "react"; import "./styles.css"; export default function App() { //배열에 곡을 저장 const proverbs = [ "bts - 다이너마이트 ", "비오 카운팅스타", "지코 아무노래 ", "리쌍 광대 ", "다듀 출첵" ]; // idx 초기값과 setIdx 업데이트함수를 선언하고 useState의 디폴트 값은 0으로..

Web/React 2023. 1. 9. 16:29

Side Effect 부수효과 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 이야기 합니다. 즉 Side Effect라는 말을 할 때는 "의도하지 않은 결과"를 의미합니다. 의도하지 않게 외부변수를 참조하거나 외부변수를 변경하는 모든 종류의 코드를 의미합니다. 다음은 전역 변수 foo를 bar라는 함수가 수정하는 예제입니다. Side Effect의 예시로 보면 될 것 같습니다. let foo = 'hello' function bar(){ foo='world'; } bar() // bar는 side effect를 발생시킵니다. Pure Function (순수 함수) 순수함수는 무엇일까요? 순수함수란 오직 함수의 입력만이 함수의 출력 결과에 영향을 주는 ..

Web/React 2023. 1. 9. 15:52

HTTP 요청 메서드는 무엇인가? HTTP(Hyper Text Transfer Protocol)는 요청 메서드를 정의하며 주어진 리소스에 수행하길 원하는 행동을 나타냅니다. 그래서 행동을 나타내기 때문에 "HTTP 동사" 라고 부르기도 합니다. 각각 메서드는 다른 의미를 구현하지만 일부 기능은 메서드 집합간에 서로 공유합니다. 예를 들면 응답 메서드는 안전하거나 캐시 가능하거나 멱등성을 가질 수 있습니다. 1. 안전한 HTTP 메서드는 무엇인가?? 안전하다는 의미 : HTTP 메서드가 서버의 상태를 바꾸지 않으면 안전하다고 함, 다른 말로 읽기 작업만 한다는 것을 뜻함 예를 들면 GET, HEAD, OPTIONS가 안전함 그리고 모든 안전한 메서드는 멱등성을 가지지만, 모든 멱등성을 가진 메서드가 안전한..

Computer Science/Network 2023. 1. 7. 12:07

이 예제는 Node.JS 앱을 Docker에 넣는 방법을 알려줍니다. 이 포스팅은 공식문서 내용을 그대로 압축한것 뿐입니다. Node.js 앱 생성 1. package.json 파일 생성 npm 라이브러리를 설치하기 위한 package.json 파일을 생성한 뒤 "npm install"을 시작해줍니다. 커맨드 순서 touch package.json 다음 내용 삽입 이후 npm install 실행 { "name": "docker_web_app", "version": "1.0.0", "description": "Node.js on Docker", "author": "First Last ", "main": "server.js", "scripts": { "start": "node server.js" }, "de..

Computer Science/DevOps 2023. 1. 6. 22:33

실습전에 github 설정을 해야하는데 필요한 코드는 다음 블로그 포스팅을 참고하면 된다. https://velog.io/@d-h-k/Oauth-%EC%B0%8D%EB%A8%B9%ED%95%B4%EB%B3%B4%EA%B8%B0-with-POSTMAN%EC%8B%A4%EC%8A%B5 OAuth 찍먹해보기 (with POSTMAN실습 ) Authorizing OAuth Apps 이거 따라한건데, 막연할꺼같아 POSTMAN으로 실습까지 곁들어 봄OAuth Application 등록하기client_id client_secret 발급받기code 발급받기access_token발급먼저 깃허브에 로그인해주세요우 velog.io 다음은 Github OAuth 와 노드JS를 연동하는 코드다. 1. 위의 게시물을 보고 환경..

Computer Science/Security 2023. 1. 6. 22:07

문제 설명 : 스도쿠는 숫자 퍼즐로, 가로 9칸, 세로 9칸으로 이루어져 있는 표에 1부터 9까지의 숫자를 채워 넣는 퍼즐입니다. 퍼즐을 푸는 방법은 아홉 가로줄, 세로줄, 3X3 칸에 1에서 9까지의 숫자를 중복되지 않게 한 번씩만 넣으면 됩니다. 일부 칸이 비어있는 상태인 스도쿠 보드를 입력받아 스도쿠 퍼즐이 완성된 보드를 리턴해야 합니다. 입력 인자 1 : board 가로 길이(board[i].length)와 세로 길이(board.length)가 모두 9인 2차원 배열 matrix[i][j]는 1 이상 9 이하의 자연수 출력 가로와 세로의 길이가 모두 9인 2차원 배열을 리턴해야 합니다. 주의사항 입력으로 주어지는 board를 직접 수정해도 상관없습니다. 입력으로 주어지는 board 가지고 완성시킬..

Programming Language/JavaScript 2023. 1. 6. 19:04

출처 : http://www.yes24.com/Product/Goods/39111107 작성자 윌리엄 무가야 옮긴이 박지훈,류희원 출판사 한빛미디어 책에 나오는 명언모음 설명해주지 않으면 모른다는 말은 설명해줘도 모른다는 말이다. -무라카미 하루키 사람들이 왜 새로운 생각을 두려워하는지 이해할 수 없다. 나는 오래된 생각이 두렵다. -존 케이지 풍향이 바뀔 때 , 어떤 이는 담을 쌓고 어떤 이는 풍차를 만들어 돌린다. -중국 속담 새로운 비즈니스 모델을 개발할 때 기존의 비즈니스 모델에서 시작하는 것은 금물이다. -클레이튼 크리스텐슨 경험을 토대로 배운다는 생각은 어리석다. 나라면 다른이의 실수를 반면교사 삼되 자신의 실수는 최소화할 것이다. - 오토 폰 비스마르크 수상 "비즈니스 블록체인을 읽고 나서"..

독서/독후감 2023. 1. 5. 23:09

조지오웰 1984를 읽고 나서 작가 조지오웰 출판사 민음사 작성일 2022년 3월 29일 http://www.yes24.com/Product/Goods/372300 1984 - YES24 『동물농장』과 함께 조지 오웰을 대표하는 작품으로, 전제주의라는 거대한 지배 시스템 앞에 놓인 한 개인이 어떻게 저항하다가 어떻게 파멸해 가는지, 그 과정과 양상, 그리고 배후를 적나라 www.yes24.com 1984 책을 읽고 나서.. 1984라는 책이 1950년대에 나왔다는 게 믿기지 않을 정도로 작가는 미래를 예측한 것인지 텔레스크린이 세상을 지배하는 모습은 흡사 현재의 스마트폰 세상과 닮아 있다. 사람들의 감정이 허용되지 않고, 기계처럼 일을 많이 하고, 항상 전쟁 중인 책 속의 세상은 너무 끔찍했다. 과연 저..

독서/독후감 2023. 1. 5. 23:06