본문 바로가기
반응형

IT151

VScode - React styled-components 속성 색상을 구분하자(extenstion - vscode-styled-componenets) 기본적으로 React를 실행하고 스타일링을 위해 styled-components를 사용할 경우 스타일의 property와 value의 색상이 구분이 되지 않습니다. 이 문제를 해결하기 위해 vscode의 확장자를 설치합니다. 1. extension에서 vscode-styled-components를 검색하여 설치합니다. 2. 끗 3. 처다보세요. 관찰하세요. vscode-styled-components 설치 전 vscode-styled-components 설치 후 2021. 8. 7.
VScode - 코드를 예쁘게 만들자 (extension - Prettier, bracket pair colorizer2 ) 코드를 입력하다 마주치는 다양한 괄호놈들 ({}, (), ) 하나 두개 빼먹으면 코드는 돌아가지도 않고 가끔 어떤 에러인지 정확하게 알려주지 않을 때 우리는 깊은 빡침을 얻을 것입니다. 괄호 하나 빼먹어서 코드 안들어가서 문제 틀린거 생각하니 갑자기 또 빡치긴 하지만 그래서 우리는 이런 코드를갓 vscode에서 더욱 예쁘고 아름답에 만들어 이런 혼란을 피할 수 있습니다. 첫 번째 extension 내 코드의 괄호를 한 눈에 예쁘게 만들어보자 1 . Prettier 갓리티어! extension 이름에서부터 품기는 예쁨예쁨이 설치 방법 1. extesion에서 prettier를 검색하고 선택한뒤 install 클릭 2. settings 또는 cmd+, 를 통해 settings으로 이동 3. search se.. 2021. 8. 4.
[엘리스 AI 트랙 2기] 7주차-React 기초 (08/03) 자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 'React 기초'이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 1. Props와 State 01. Props Props 컴포넌트 생성 const Welcome = (props) => { return Hello, {props.name} ; } 컴포넌트 사용 const App = () => { return } 기본적으로 Component에 원하는 값을 넘겨줄 때 사용하며 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 JavaScript의 요소라면 제한이 없다. 주로 Component의 ‘재사용’을 위하여 사용한다. Props는 읽기 전용 Props의.. 2021. 8. 3.
IP(Internet Protocol) IP 목차 개요 IP 주소 IP 종류 IP 통신 한계 및 극복 1. 개요 IP 란? IP는 인터넷 프로토콜(Internet Protocol)의 약자 흔히 이 프로토콜에서 각 장치를 나타내는 IP 주소를 가리키는 말로 사용 (like 각 장치의 주민등록번호) IP의 등장 컴퓨터의 경우 사용하는 운영체제(Window, OS 등등)도 서로 다르고, 프로그램의 경우 아예 구현된 언어가 다르기 떄문에 네트워크에서 통신하기 위한 공통된 통신 규약(프로토콜)의 필요성으로 인해 탄생 IP는 ISO 위원회의 OSI 7계층 중 Layer 3(Network Layer)와 IETF의 Internet Protocol Suite의 Layer 3(Internet Layer)에 위치하는 프로토콜 (참고: stevenjlee.net.. 2021. 7. 25.
VScode에 mongoDB 설치(for mac) MongoDB 2009년에 탄생한 몽고DB(MongoDB)는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. NoSQL 데이터베이스로 분류되는 mongoDB는 JSON과 같은 동적 스키마형 도큐먼트들을 선호함에 따라 전통적인 테이블 기반 관계형 데이터베이스 구조의 사용을 삼간다. 이로써 특정한 종류의 애플리케이션을 더 쉽고 빠르게 데이터 통합을 가능하게 한다. 크레이그리스트, 이베이, 포스퀘어, 소스포지, 뉴욕타임즈, 구글 페이스북과 같은 수많은 주요 웹사이트 및 서비으세 백엔드 소프트웨어로 채택되며, 몽고DB는 가장 유명한 NoSQL 데이터베이스 시스템이다. (출처 - 몽고 DB-위키백과) VScode에 mongoDB 설치하기 몽고DB에 대한 자세한 내용은 삼가고, 설치하는 방법을 제대로 찾아보지.. 2021. 7. 23.
[엘리스 AI 트랙 2기] 5주차-mongoDB (07/20) 자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 'mongoDB'이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 1. MongoDB 개요 01. NoSQL NoSQL DBMS NoSQL DBMS Not Only SQL DataBase Management System 전통적인 관계형 데이터베이스 보다 덜 제한적인 일관성 모델을 제공하는 DB 데이터를 저장하고 관리하는 시스템 실생활에 간략하게 DB라 함 특징 기존 RDBMS가 일관성 모델 때문에 가질 수 없었던 확장성, 유연성, 고성능, 고기능성을 확보 NoSQL DBMS의 유행 배경 RDBMS 대표: MySQL, PostgreSQL, Oracle DB .. 2021. 7. 21.
[엘리스 AI 트랙 2기] 4주차-Flask 기초 (07/15, 16) 자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 'Flask 기초 I'이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 1 .Flask 시작하기 수강목표 웹 서비스의 흐름을 안다. 포털 사이트에 나오는 화면과 데이터들이 이동하는 과정과 순서들을 이해할 수 있습니다. 웹 프레임워크의 종류를 알고 Flask를 사용할 줄 안다. 웹서비스를만들기위한웹프레임워크의종류를배우고,그중 Flask를 실행하는 방법을 배웁니다. 서버 통신의 방법을 알고 사용할 줄 안다. 서버가 어떤 방법으로 통신하는지 알고, 직접 사용해 봅니다. 01. 웹 서버의 동작 과정 이해하기 웹 서버 동작 과정 우리가 흔히 정보들을 접하고 사용하는.. 2021. 7. 16.
컴퓨터와 컴퓨팅 "컴퓨터 과학 교양강좌: CS50"을 통해 CS 기초를 터득한다.👍 컴퓨터와 컴퓨팅 하드웨어 하드웨어란? 하드웨어는 컴퓨타를 물리적으로 구성하는 요소이며, 컴퓨터에 연결되어 추가적인 기능을 수행 컴퓨터의 하드웨어 구성요소 중앙처리장치, 기억장치, 입출력장치 중앙처리장치(Central Processing Unit, CPU) 중앙처리장치는 프로레서라 불리기도 하며, 입력장치에서 받은 명령을 실제로 처리 # 기가헤르츠(GHz): CPU가 1초에 얼마나 많은 연산을 할 수 있는지 속도를 측정하는 단위 기억장치 입력된 명령이나 데이터가 저장되는 공간으로, 주기억장치와 보조기억장치로 나뉨 주기억장치: RAM이 대표적. RAM: 기억된 정보를 읽어내기도 하고 다른 정보를 기억시킬 수 있는 메모리로서, 응용 프로그램을.. 2021. 7. 15.
[엘리스 AI 트랙 2기] 4주차-SQL (07/13) 자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 'SQL'이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 1. SQL 시작하기 01. SQL 데이터 베이스란? 여러 사람이 공유하여 사용할 목적으로 체계화해 통합, 관리하는 데이터의 집합 작성된 목록으로써 여러 응용 시스템들의 통합된 정보들을 저장하여 운영할 수 있는 공용 데이터들의 묶음 Maria DB, Amazon Redshift, Oracle DB 등 많은 종류가 존재 데이터베이스의 종류에 따라 사용 방법이 조금씩 다름나, 데이터베이스에서 검색과 분석에 사용되는 기본 사용 방법은 데이터베이스 종류와 상관없이 동일 ''' 많은양의 데이터를 관리하기 위.. 2021. 7. 14.
728x90
반응형

티스토리툴바