분류 전체보기154

• 

  리액트 개념 1. 리액트 뼈대 처음 리액트 프로젝트를 생성하게 되면 여러가지 파일들이 생기게 되는데 나는 프로젝트를 생성하고 화면을 구성하는데 있어 필수적인 파일들만 얘기해보겠다. 처음 프로젝트를 생성하게 되면 아래 사진에 나와 있는 파일들 보다 훨씬 더 많은 파일들이 생성되는데 그것은 나중에 웹앱을 배포하거나 ServiceWorker와 같은 파일들이기 때문에 삭제하고 아래 파일들을 설명해보겠다. 우선 app.jsx파일은 c++에서 main함수와 같은 역할을 한다. 나머지는 다 페이지를 구성하는 source code일 뿐 실제로 화면에 표기되어지는 파일은 app.jsx파일이다. (처음에는 js파일로 만들어지나 여러 디자이너들과의 협업을 위해 react에서는 js코드이나 좀 더 css와 html에 가깝게 보이는 jsx.. front-end/react 2021. 6. 18.

• 

  리액트란 1. 리액트란? React는 현재 현업에서 인기 있는 웹/앱(RN)의 View를 개발할 수 있도록 하는 라이브러리이다. 보통 우리가 생각하는 어플리케이션(웹, 앱 혹은 데스크톱용 소프트웨어)을 만들기 위해서는 사용자가 조작하기 위한 UI(User-Interface), UI를 컨트롤 하기 위한 로직, 데이터를 처리하는 비즈니스 로직 등 3가지 부분으로 개발이 필요하다. ​ ​ 이 중 리액트는 사용자에게 보여지는 ui를 각각의 컴포넌트를 중심으로 구성하게 된다. 우리가 화면에서 흔히 보는 버튼 하나 배너 하나를 각각의 컴포넌트 클래스로 정의해두고 재사용이 가능하게 해 더 쉽고 간편하게 클라이언트가 보는 화면을 구성할 수 있다. ​ 2. 리액트 프로젝트를 위한 환경설정 리액트 프로젝트는 몇 가지의 환경이 갖추.. front-end/react 2021. 6. 18.

• 자료구조 stack을 이용한 문제 풀이 1(postfix) 우리는 후위표기식에 대해 알아볼 것이다. 후위 표기식이란 컴퓨터가 알아보기 쉽게 하는 표기 방식으로 우리가 흔히 연산을 표시하는 표시 방법인 중위 표기식과는 사뭇 다르게 생겼다. 예를 들어 중위 표기식에서 3+5 와 같은 식을 후위 표기식으로 표시하게 되면 3,5+와 같이 표기된다. 좀 더 복잡한 중위 표기식 예를 들면 A+B-C*D와 같은 경우에서는 연산 우선 순위가 *가 가장 높으므로 이것부터 처리해준다. A+B-CD* -> AB+-CD*>AB+CD*- 와 같이 변하게 된다. 이것이 후위 표기법이다. 몇 가지의 예시를 더 살펴보겠다. 1. A+B*C -> A+BC* 2. A*B-C -> AB*-C -> AB*C- 이와 같이 컴퓨터는 순서대로 읽으므로 컴퓨터가 읽기 쉽도록 표기법을 수정하는 것이다. ​.. c++ 2021. 6. 18.

• 

  Source -Tree 사용법 소스트리는 협업 과정에서 필요한 git에서의 commit, push, pull, branch, merge등의 기능을 IDE처럼 툴로 관리할 수 있게 해주는 프로그램이다. 협업과정에서 github와 git은 거의 필수적인데 일반적으로 cmd에 git명령어를 입력하는 과정은 복잡하고 어려우므로 SourceTree와 같은 프로그램을 사용하면 이 과정을 더욱 쉽게 할 수 있다. 1. SourceTree 사용하기 sourceTree를 사용하려면 github와 같은 원격 저장소가 필요하다. 따라서 github 아이디를 만든 후 new repository를 만들어준다. 모두 체크를 하고 자신의 개발 환경에 맞는 버전이나 언어를 선택하면 완료가 된다. 2. SourceTree와 github 연결하기 우리는 github.. 협업 툴(git, source tree) 2021. 6. 18.

• 

  opencv 사진 합성 opencv는 이미지나 영상을 다룰 수 있게 해주는 라이브러리다. 오늘은 포토샵이나 사진 편집 툴이 아닌 그 툴들이 어떻게 이미지나 영상을 합성하고 다루는 지에 대해서 들여다 볼 것이다. 이미지를 픽셀 단위로 연산하는 함수들은 여러가지가 있다. 대표적으로 bitwise_and(and는 두 개의 operand들이 모두 1이어야 1이 된다.) bitwise_or(or는 두 개의 operand 중 하나만 1이어도 1이 된다.) 여기서 1이라는 뜻은 픽셀 값이 0이 아니라는 것이다. 즉 , 검정색이 아니라는 것이다. 이 것은 흑백 사진에서 해당된다. bitwise_and함수에서는 검정색인 부분이 우선 순위를 갖는다. bitwise_or 함수에서는 검정색이 아닌 부분들이 우선 순위를 갖는다. 또한 픽셀의 값을 더.. open-cv 영상처리 2021. 6. 18.

• 

  opencv spread salt 1. opencv를 이용해서 픽셀 단위에 접근하기 opencv에서 이미지 및 영상은 Mat이라는 클래스 안에 담기게 된다. 이 이미지들이나 영상들은 컴퓨터 화면의 하나의 픽셀들로 이루어지는데 opencv 라이브러리를 사용하여 이미지나 영상의 픽셀 하나하나에 접근하여 조작을 할 수 가 있다. 이 떄 사용되는 opencv키워드가 at이다. at 키워드를 사용하면 이미지나 영상의 픽셀 하나하나에 접근이 가능하다. 이미지의 픽셀에 접근하기 위해서는 이미지나 영상이 가지고 있는 특성을 알아야한다. 이미지는 일단 흑백과 컬러로 구분할 수 있다. 이 때 흑백은 그저 검정색과 흰색의 밝기 차이로서 내부에서의 형태를 구분하지만 컬러 사진인 경우 파란색 채널과 초록색 채널 빨간색 채널 순으로 색들을 합성하여 컬러 사진을 .. open-cv 영상처리 2021. 6. 18.

• 

  파이썬 문법 2) #파이썬 #코딩 #vscode 1. 파이썬에서의 조건문 파이썬에서도 c++와 마찬가지로 if, else, elif 문을 사용한다.(c++에서는 if ~ else if문이지만 유사하다.) if 문에서는 bull형태로 판단한다. bull은 True와 False의 형태로 자료를 판단하는 것을 뜻한다. 이 때 아무런 언급없이 변수 이름만 써 있거나 0과 1중에 1이면 기본적으로 True로 간주한다. 파이썬은 또한 들여쓰기가 중요하므로 if문 다음 내용은 항상 들여쓰기가 된 채로 진행 되어야한다. 2. 다중 판단 c++에서 다중 판단문은 if ~ else if문으로 표현했었다. 파이썬에서는 else if치는 것도 귀찮았는 지 elif로 줄여버렸다. 사용 법은 c++와 유사하다. if문에서의 조건이 False라면 .. 파이썬 2021. 6. 18.

• 

  파이썬 문법 1) #파이썬 #코딩 #vscode 파이썬은 아주 문법이 간단하다. 나의 경우 대학에서 c++를 기본으로 배웠기 때문에 python의 문법을 배우는 데에는 굉장히 짧은 시간이 소요 됐던 것 같다. c++와 python의 내가 느낀 가장 큰 차이점은 1. 컴파일러 언어(c++)와 인터프리터 언어(python)라는 점 2. 포인터의 유무이다. 나는 파이썬을 배울 때 파이썬의 한 줄 한 줄 실행되는 점이 매력적이었다. c++의 경우 전체 코드 중 한 군데라도 오류가 있다면 전체 컴파일이 불가능한 반면 파이썬은 전체 코드가 실행되다가 오류가 있는 줄에서 멈추는 형식이기 때문에 어느 줄에 오류가 있는 지 무슨 오류가 있는 지 파악하기 쉬웠다. (대신 한 줄 한 줄 번역하기 때문에 c++가 속도는 훨씬 빠르다.) 또한 .. 파이썬 2021. 6. 18.

• 

  pipenv 파이썬 가상환경 사용하기 파이썬은 라이브러리가 많다. 라이브러리란 많이 사용하는 기능을 이미 함수식으로 만들어놓은 것으로 매 번 그 기능을 코딩으로 구현할 필요없이 그 기능을 이미 구현해놓은 라이브러리를 import만 해서 사용할 수 있다. 그러나 매 프로젝트마다 라이브러리를 전역으로 설치해서 사용하게 되면 다른 버전의 같은 패키지(라이브러리)가 설치되어 있는 경우 충돌이 일어나 프로젝트가 꼬일 가능성이 있다. 따라서 파이썬에서는 가상환경이라는 것을 사용한다. 가상환경이란 패키지를 하나의 통합된 환경이 아니라 각자 다른 환경에서 독립적으로 실행할 수 있게 해주는 기능이다. 일종의 컴퓨터를 여러 개로 나눌 수 있는 기능이라고 이해하면 된다. 파이썬 가상환경에는 여러가지 종류가 있지만 나는 pipenv를 가장 먼저 공부하였다. 파이.. 파이썬 2021. 6. 18.

• 

  파이썬 flask #파이썬 #python #flask #web #Jinja2 1.파이썬 flask 소개 파이썬 flask는 파이썬 언어를 사용하여 web페이지를 구성할 수 있게 해주는 프레임워크이다. 원래는 django가 많이 사용되었지만 flask는 더 빠르고 간결한 코드, 가벼운 구성으로 점유율을 높여 가고있다. 파이썬 flask는 마이크로 웹 프레임워크이다. 최소한의 구성 요소와 요구 사항을 제공하기 때문에 처음 코드를 이해하기가 쉽고 그 코드에서 확장을 해나가는 것 또한 쉽다. 따라서 자신이 필요한 기능이나 라이브러리를 자유롭게 구글링을 통해 검색 후 적용 가능하다. 2.파이썬 flask 설치 및 실행 flask는 파이썬의 라이브러리 중 하나이므로 프로젝트를 실행하기 앞서 디렉토리를 하나 만들어준다. 나의 경우 바.. 파이썬 2021. 6. 18.