cs 지식
-
터미널 명령어 정리cs 지식 2022. 8. 14. 00:19
유튜브 웹팩 강의 들을 때(https://www.youtube.com/watch?v=NGVc-zw2FG8) entry : 작업을 어떤 폴더에서부터 시작할지 진입점을 설정 ( npm webpack --entry ./src/index.js --output-path ./dist) output-path : 작업 결과를 어떤 경로에 넣을지 설정 ( npm webpack --entry ./src/index.js --output-path ./dist) mode : production 모드와 development 모드를 선택. ( npm webpack --entry ./src/index.js --output-path ./dist --mode development)
-
-
모바일 웹? 웹 앱? 네이티브 앱? 하이브리드 앱?cs 지식 2021. 7. 24. 19:04
종류 모바일 웹 : 모바일 화면에 구성한 웹 웹 앱 : 모바일 화면과 비슷하지만 구동방식을 실제 앱처럼 보이게 한 앱 네이티브 앱 : 모바일 기기에 최적화된 네이티브 언어로 개발된 앱 하이브리드 앱 : 웹 앱과 네이티브 앱의 기능을 결합하여 개발된 앱 특징 모바일 웹 개발 : 웹 개발 방식과 동일(html, css, javascript 등) 실행 : 웹 브라우저(풀 브라우저 방식) PC 웹페이지를 모바일에 맞게 줄인 모습 웹 앱 개발 : 웹 개발 방식과 동일(html, css, javascript 등) 실행 : 웹 브라우저(단일 페이지 방식) 겉 모습과 구동방식이 마치 네이티브 같은 웹페이지(모바일 웹보다 모바일 최적화) 네이티브 앱 개발 : 해당 운영체제에 최적화되어 있는 개발 도구로 제작해야함 (an..
-
webpack? babel?cs 지식 2021. 7. 24. 19:02
웹팩(webpack) 정의 개발환경에서 원할한 작업을 위해 만들어진 모듈 파일들을 하나의 파일로 묶어서 한번만 불러올 수 있게 해주는 기능을 '모듈 번들러' 라고 한다. 이 모듈 번들러는 종류가 아주 다양하지만, 프론트엔드에서 가장 인기 있는 것이 바로 '웹팩'이다. 우린 이것을 어디서 접하고 있었을까? 웹팩을 사용하기 위해서는 프로젝트가 npm에 의해 관리가 되어야 한다. 프로젝트에 'npm init'을 하면 package.json이 생기는데, 여기서 webpack을 설치하면 package.json에 'dependencies' 키가 생긴다. 웹팩을 설치하면 나오는게 바로 이 키이다. 프론트에서 리액트 프로젝트를 진행할 때 이것이 꼭 있었는데, 우리가 웹팩을 사용하고 있다는 것이였다!! 컨트롤 하는 법 ..
-
-
세션? 토큰? JWT?cs 지식 2021. 7. 24. 18:58
클래식한 세션관리 사용자가 로그인에 성공하면 서버에선 세션 티켓인 Sesstion ID를 출력한다. 이 Sesstion ID를 반으로 쪼개서 반쪽은 브라우저에 올리고 반쪽은 서버의 메모리나 하드디스크, 크게는 데이터베이스에 저장한다. 브라우저는 이 반쪽짜리 Sesstion ID를 쿠키에 저장하고, 서버에 네트워크 요청할 때마다 이 Sesstion ID를 같이 보낸다. 서버에선 Sesstion ID를 대조해서 사용자의 로그인이 지속되어있는지를 판단하는데, 이걸 세션이라고 한다. 하지만 사용자가 많아질 경우 메모리를 여러개로 관리해야 하거나, 공용창고인 데이터베이스에서 관리하는 등의 방법을 쓰게 되는데, 어떤 에러에 노출되거나, 서버가 재부팅 되면 세션이 초기화되어 사용자들은 다시 로그인해야 하는 리스크가 ..