분류 전체보기
-
비트, 논리연산, 드모르간의 법칙CS 2022. 4. 11. 22:24
비트 : 두 가지 기호( ex)0, 1)를 사용해서 표현하는 언어 단위 바이너리binary(2진법 사용) + 디지트digit(10진수를 표현하는 10가지 기호(0~9)) 2진법 표현을 기준으로 예(1)와 아니오(0)로만 표현할 수 있다. 기호(0,1)와 순서, 기호를 작성한 규칙에 의해 해석된다. 논리연산: 다른 비트들이 표현하는 내용으로부터 새로운 비트를 만들어내는 동작 불리언 대수(비트에 대해 사용할 수 있는 연산 규칙의 집합) NOT: 논리적 반대 AND: 둘 이상의 비트에 작용, 모든 비트가 참일 시 AND 연산의 결과도 참 OR: 둘 이상의 비트에 작용, 어느 한 비트라도 참이라면 OR 연산의 결과도 참 XOR: 배타적OR, 첫 번째 비트와 두 번째 비트가 다른 값인 경우에만 참 드모르간의 법칙..
-
배열(Array)ALGORITM 2022. 4. 11. 22:17
배열은 여러 원소를 하나의 묶음으로 관리하고 나열된 순서(order)로 인덱스(Index)를 통해 접근하는 리스트 파이썬에서는 리스트(list)와 튜플(tuple)이라는 두가지 타입이 있습니다. 리스트(list)는 [1, 2, 3] 형태로 정의하며 각 원소를 수정 할 수 있는 특성이 있다. list = [a, b, c, ...] 튜플(tuple)은 (1, 2, 3) 형태로 정의하며 한번 정의한 원소를 수정 할 수 없는 특성이 있다. tuple = (a, b, c, ...) 배열 연산자 A = [1, 2, 3] / B = [5, 6, 7] A + B == [1, 2, 3, 5, 6, 7] - 배열 A와 B를 연결하여 새로운 배열을 리턴 합니다. A * i - 배열 A를 i만큼 반복하여 새로운 리스트 생성 ..
-
API란?ETC. 2022. 4. 11. 22:08
API (Application Programming Interface)는 응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 프로그램을 개발할 때 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트 서로 다른 시스템이 만나 동작하기 위한 의사소통 역할 데이터 전달 및 처리 사용자가 여러 응용프로그램 작업을 수행, 완료할 때 정보 제공 API 접근 방식 Private API : 내부 API. 기업이나 연구 단체 등 단체 내부에서만 사용됨. Partner API : 특정 비즈니스 파트너와 공유하는 것으로, 기업에서 파트너 회사 간에 응용프로그램 통합을 위해 사용됨. Public API : 개방형 API로, 모든 사람들에게 제공하는 것으로 누..
-
JWT란?ETC. 2022. 4. 10. 01:07
JWT(Json Web Token)는(은) 클라이언트와 서버 통신 시 Authorization을 위해 필요한 정보들을 암호화 하여 사용하는 토큰입니다. 구조 HEADER.PAYLOAD.VERIFIED SIGNATURE HEADER: 알고리즘(암호화 방식), 토큰타입 명시 { "alg": "HS256", "typ": "JWT" } PAYLOAD: 데이터가 들어있다 (보호해야할 데이터!) { "user_id": "123456", "name": "Jeongmin Lee", "expire_date": "유효기간" ... } VERIFIED SIGNATURE: SECRET_KEY (Base64 인코딩) HMACSHA256( base64UrlEncode(header) + "." + base64UrlEncode(pa..
-
템플릿 엔진 Jinja2PYTHON 2022. 4. 10. 00:56
파이썬 Flask 패키지에 내장된 템플릿 엔진인 Jinja2는 정적인 html 코드에 동적으로 변해야하는 자리를 Jinja2 문법을 사용하여 손쉽게 변경할 수 있다. //example.html 현재시간 현재시간은 {{current_time}} 입니다! //app.py from flask import Flask, render_template import datetime app = Flask(__name__) @app.route('/') def main(): currentTime = datetime.datetime.now() return render_template('index.html', current_time=currentTime) if __name__ == '__main__': app.run('0.0...
-
[스파르타코딩클럽] 리액트 React.js week 1-3SPARTA CODING CLUB 2021. 8. 9. 15:50
JSX 리액트에서는 딱 하나의 html 파일만 존재합니다. (public 폴더 아래에 있는 index.html) 그럼 리액트에서 어떻게 뷰를 그릴까요? JSX 문법을 사용해서 React 요소를 만들고 DOM에 렌더링 시켜서 그립니다. HTML을 품은 JS === JSX! 자바스크립트 안에서 html 태그같은 마크업을 넣어 뷰(UI) 작업을 할 수 있어요. JSX 규칙 태그는 꼭 닫아주기 // input 태그를 닫지 않고 넣어볼거예요! function App() { return ( ); } 무조건 1개의 엘리먼트를 반환하기 return ( 안녕하세요! 리액트 반입니다 :) // 에러! ); JSX에서 javascript 값을 가져오려면 중괄호를 사용 const cat_name = 'perl'; // r..
-
[스파르타코딩클럽] 리액트 React.js week 1-2SPARTA CODING CLUB 2021. 8. 4. 21:04
Array 내장 함수 map: 배열에 속한 항목을 원하는 대로 변환하고 새로운 배열을 만들 때 사용하는 함수. 원본 배열은 변하지 않는다. const array_num = [0, 1, 2, 3, 4, 5]; const new_array = array_num.map((array_item) =>{ return array_item + 1; }); // 새 배열의 값은 원본 배열 원소에 +1 한 값입니다. console.log(new_array); // (6) [1, 2, 3, 4, 5, 6] // 원본 배열은 그대로 있죠! console.log(array_num); // (6) [0, 1, 2, 3, 4, 5] filter: 조건을 만족하는 항목들을 골라서 새 배열로 만들어 주는 함수. 원본 배열은 변하지 ..
-
[스파르타코딩클럽] 리액트 React.js week 1-1SPARTA CODING CLUB 2021. 8. 3. 21:00
서버와 클라이언트, 서버리스(Serverless) 서버는 웹사이트에 보여줄 것을 클라이언트에 전달하는 역할을 한다. 클라이언트는 우리가 웹사이트를 보는 도구이다. 서버리스(Serverless)는 내가 서버를 만드는 것이 아닌 이미 작업이 완료된 서버를 빌려 쓰는 것이다. 백엔드리스 X DOM (Document Object Model) DOM은 HTML 단위 하나하나를 객체(object)로 생각하는 모델이며 트리구조로 되어있다. React 리액트(React)는 자바스크립트 라이브러리의 한 종류이다. ※ 자바스크립트 문법 알아보기 Class - 객체 지향 프로그래밍에서 특정 객체를 생성하기 위한 변수와 함수를 정의하는 틀 클래스 구성 class Cat { // 생성자 함수 constructor(name) {..