목록학습노트 (27)
러너효방
# MERN Stack M (MongoDB): 데이터베이스 E (Express): 서버 프레임워크 R (React): 프론트엔드 프레임워크 N (NodeJS): 서버 개발언어 # MVC패턴 모델(데이터구조)-뷰(UI를 정의)-컨트롤러(로직처리) / Model-view-controller 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴 # 파일과 디렉터리 - index.js Entry point (애플리케이션의 시작점) - package.json 애플리케이션의 정보들 - .env (enviroment variables) 환경변수(애플리케이션에서 전체적으로 사용되는 변수)를 저장하는 파일 - routes/ 라우트 처리를 하는 파일들을 보관한다 라우트: 요청받은 url을 컨트롤러(로직처리)에 연결하는 역할..
설치하는 진행 # 현재 디렉터리를 nodejs 프로젝트 디렉터리로 만든다 social-media-app/server npm init # 필요한 package 설치 npm install cookie-parser cors dotenv express formidable jsonwebtoken mongoose passport passport-jwt - 한 줄씩 따로 작성해서 설치하거나 한꺼번에 적어서 설치해도 무방하다 설치 시 오류 'formidable'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 위의 오류는 터미널에서 node등 프로그램을 사용시에 발생할 수 있다. 이미 설치를 완료했다면 해당 프로그램을 환경변수에 등록해주면 해결된다. window10기준 제어판 > 시..
최적화 미리보기 설정 카카오톡에서 미리보기 화면 생성하는 방법 ※ 이미지의 경우 최소한 600 X 315px or 1200 X 630px 크기를 권장합니다. 모바일 앱 미리보기 설정
HTML Menu List cate01 cate02 cate03 cate04 cate05 cate05 cate06 cate07 CSS .nav_cat_list{display: flex;} .nav_cat_list h2{font-size:24px; margin-top: -7px; font-weight:bold; color:#333; } .nav_main_list{display: flex;margin: 0 15px 8px 15px;border-top: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;padding: 22px 10px 0;} .nav_main_list li{list-style: none; text-align: center; margin: 0 auto;..
크롬에서 이미지 랜더링 문제가 있어 원본 해상도 보다 확대 또는 축소되는 경우 이미지가 흐려질 수 있습니다. 상위 css에 전체 img를 선언하면 해결됩니다. ※ 공통 css에 선언할 시 문제가 될 수 있습니다. css img{image-rendering: -webkit-optimize-contrast;} Comment ※ 일반 새로고침 F5 ※ 일반 새로고침 + 캐시 초기화 Ctrl + F5 ※ 강력한 새로고침 Ctrl + Shift + R - 맥에서는 오래 클릭해도 반응이 없음, Command + Shift + R 단축키를 눌리면 강력한 새로고침 됩니다.
HTML Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 css .nav_main_list{display: flex; list-style: none; } .nav_main_list li{margin-right: 25px; } .nav_main_list a {text-decoration: none;} Comment ※ 리스트 왼쪽으로 나열 display: inline-flex; ※ li 리스트 점 없애기 list-style: none; ※ a 태그 밑줄 없애기 text-decoration: none; ※ div에 마우스 hover 손가락 아이콘 나타내기 cursor: pointer; Java Script
교재 : 멘토씨리즈 파이썬 컴파일 방식 : 번역 인터프리터 방식 : 한 줄씩 번역 기계어 : 0과 1의 이진수로 이루어진 언어 0 : 전류가 통하지 않는 상태 off 1 : 전류가 통하는 상태 on 인터프리터 방식 : 대화형 언어 파이썬 특징 : 머신러닝 빅데이터 분야로(마케팅, 무역, 빅데이터)급부상 빠른 속도로 프로그램 개발이 가능합니다. 파이썬 활용 : 빅데이터에서 시각화, 인공지능 분야 IDE(Integrated Development Enviromnent) 통합개발환경 소스코드 작성, 오류 수정, 컴파일, 실행, 배포 등 프로그램을 개발하기 위해 필요한 모든 작업을 하나의 프로그램 안에서 처리할 수 있는 환경 인터프리터 방식 : 한 줄씩 번역 IDLE 시작 후 쉘에서 Ctrl + N 누르면 스크립..