전체 글 106

파이썬 - dictionary

dictionary 딕셔너리 타입은 immutable한 키(key)와 mutable한 값(value)으로 맵핑되어 있는 순서가 없는 집합입니다. immutable 은 불변, 즉 변하지 않는 키와 mutable , 변할 수 있는 값으로 정해진다. 생김새는 아래와 같이 생겼다. people = { "name": "bob", "age": 20, "height": 131, "weight": 65 } immutable한 키(key)는 name , age, height, weight 이며, mutable한 값(value)은 bob, 20, 131, 65 이다. # 전체 출력 print(people) # 이름만 출력 print(people['name']) # 키만 출력 print(people['height']) 출력..

잡다한 지식 2021.01.22

Node, MongoDB, Express 셋팅 정리

개인적으로 확인하기 위한 설치 및 세팅 총정리입니다. 목차 1) NodeJs 설치 2) Express 설치 및 세팅 3) MongoDB 설치 및 세팅 1. nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. LTS(안정된 버전) 다운로드 -> 기본값으로 설치 3. CMD에서 node-v로 버전 확인 4. package.json을 만들기 위한 세팅 / 흰색 영역은 Enter로 넘어가며 author는 이름을 적어준다 5. Vscode로 해당 폴더를 열어 백엔드 시작점인 index.js 파일 만들기 / 내용 미작성 1. Vscode 터미널 실행 ( 단축기 : Ctrl..

Node.js & React 2020.09.16

프론트엔드/백엔드

프론트 엔드 1. 사용자에게 웹을 통해 다양한 콘텐츠(문서,동영상,사진 등)을 제공한다. 2. 또한 사용자의 요청(요구사항)에 반응해서 동작한다. 역할 1. 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 함 / html 2. 적절한 배치와 일관된 디자인등을 제공해야 함 / css 3. 사용자의 요청을 잘 반영해야 함 / javascript 백엔드 1. 프로그램의 뒷 부분 쪽 즉 서버 입장에서의 개발이 진행 된다. 2. 프론트엔드를 다른 말로 클라이언트 사이드라고 말하고 백엔드는 서버 사이드라고한다. 백엔드 개발자가 알아야 할 것들 1. 프로그래밍언어 ( java, php, javascript 등) 2. 웹의 동작 원리 3. 알고리즘, 자료구조 등 프로그래밍 기반 지식 4. 운영체제, 네트워크 등에 대한 이..

잡다한 지식 2020.09.14

인터넷(네트웍통신)의 이해

인터넷 = www(world wide web) 이라고 생각하시는 분들이 많은데 그렇지 않습니다. www는 인터넷 기반의 대표 서비스 중 하나입니다. 대표서비스로는 아래 표와 같이 정리할 수 있습니다. 이름 프로토콜 포트 기능 www HTTP 80 웹서비스 Email SMTP / POP3 / IMAP 25 / 110 / 114 이메일 서비스 FTP FTP 21 파일 전송 서비스 DNS TCP / UDP 53 네임서비스 NEWS NNTP 119 인터넷 뉴스 서비스 인터넷 : TCP/IP기반의 네트워크가 전세계적으로 확대되어 하나로 연결된 네트워크들의 네트워크이다. HTTP : 팀 버너스리와 그가 속한팀이 HTMP을 발명하였고 최초버전은 0.9(1991년)이다. HTTP는 서버와 클라이언트가 인터넷상에서 데이..

잡다한 지식 2020.09.14

Ionic Framework 설치

아이오닉은 하이브리드 앱을 위한 대표적인 프레임워크로 다양한 플랫폼을 하나의 코드로 관리 할 수 있습니다. 기본적인 설정은 앵귤러JS로 되어있으나 React로도 사용할 수 있습니다. 설치 방법은 아래와 같습니다. 1. nodejs 설치 2. cmd 실행 ( 윈도우키 + r ) 3. npm install -g @ionic/cli 키 입력 후 설치 4. cd desktop ( 데스크톱 으로 이동 ) 5. mkdir repo ( repo 라는 폴더 생성) 6. cd repo ( repo 폴더로 이동 ) 7. ionic start myApp blank --type react ( myApp이라는 폴더를 만들어 blank-빈값 으로 ionic 실행 / type 은 리액트 ) 그럼 이렇게 여러 파일들이 만들어 집니다..

Node.js & React 2020.09.14

Node.js 설치

nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Nodejs를 설치할 수 있는 사이트 입니다. 다운로드 링크가 2개가 보이실 껀데 , LTS : 안정적인 버전 Current : 가장 최신 버전 입니다. 안정적인 버전으로 다운 받아 주도록 합니다. 설치는 디폴트값으로 next 눌러주시면 되고, 설치 된 후 확인하는 방법은 아래와 같습니다. 1. 윈도우키 + r 키로 실행창 실행 2. CMD 입력 후 엔터 3. node -v 를 쳐서 버전이 나오면 설치 완료

Node.js & React 2020.09.14

반응형 예제시안 (가로모드 적용버전)

부스트코스의 예제를 바탕으로 실습한 부분입니다. html LOGO gnb menu MENU1 MENU2 MENU3 MENU4 MENU5 MENU6 MENU7 MENU8 타이틀을 길게 써보도록 하겠습니다. 썸네일보다 길게 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. 타이틀입니다. Copyright © NAVER Corp. All Rights Reserved. css @charset "UTF-8"; /* a 전체 데코레이션 삭제 */ a{ text-decoration: none; } /* float해제를 위한 overflow 선언 */ header{ overflow:hidden; background-color: pink; padding: ..

HMTL & CSS 2020.09.07
728x90