모카 스터디/웹 지식 썸네일형 리스트형 VSCode 필수 익스텐션 1. Material Theme -여러 코드 색상 테마를 설정하여 더욱 코드의 가독성을 높일 수 있다. 2.Material icon Theme - 아이콘들이 더 생동감 있게 설정 가능 3.Prettier -Code formatter -기본적인 띄어쓰기 줄맞춤 등등 더러운 코드를 깔끔 하게 해준다. 4.Indent Rainbow - 줄마다 들여쓰기가 다른경우 색감을 넣어주어 가독성을 높인다. 5.Auto rename tag - 특히 HTML 언어 사용 시 앞에 태그를 수정하면 뒤의 태그또한 자동으로 수정이 된다. 6. CSS Peek - Ctrl를 누른채로 해당 big이라는 클래스를 누르면 정의된 css파일로 이동할 수 있다. 7.Live Server -일일이 새로고침(F5)을 하지 않아도 저장만해도 자동.. 더보기 아나콘다 및 주피터 설치 및 마크다운 사용법 아나콘다 : 수학이나 과학 관련 패키지들을 포함하고 있는 파이썬 배포판이다. 현실에서의 모델하우스와 비슷하다. 특히 데이터 사이언스나 머신러닝관련 패키지들이 이미 아나콘다에 포함되어있다. 주피터 노트북은 아나콘다 배포한에 포함되어 나온다. 아나 콘다 내부에 pandas,tensorFlow,pytorch등등 도 있다. 주피터 노트북이란 웹브라우저 상에서 개발을 할 수 있는 도구이며, 코드를 Cell 단위로 묶어서 실행하고 그래프나 표, 그리고 이미지나 영상 등을 쉽게 볼 수 있어서 특히 데이터 관련 작업을 할 때 많이 활용된다. 가급적이면 크롬에서 사용하기를 권장 권장 주피터 노트북을 실행을 시키면 이런 창이 뜨고 그 이후에 새로운 브라우저가 뜬다. 파란색은 명령 모드 (Esc누르면 됨) 초록색은 편집 모.. 더보기 파이썬 가상환경 개념 가상환경:프로젝트별로 패키지를 따로 관리 왜? 패키지 버전 호환성 문제 때문 Window상에서 가상환경을 설치하고 그 위에 다른 패키지를 사용해 보자 pip list를 입력하면 현재 깔려 있는 패키지를 볼 수 있다. $ python -m venv myenv 이 커맨드로 myenv라는 이름을 가진 가상환경을 설치 -m이라는 옵셥은 모듈이름을 뜻하며 venv라는 모듈 사용 우측 아래에 이런 팝업이 뜨는 데 우선 아니오를 선택한다. 그러면 이렇게 폴더가 생기며 그 밑에 다른 작은 폴더 도 생긴다. Scripts라는 폴더 안에 activate.bat이라는 파일을 실행을 시켜야 한다. 하지만 명령어를 쳐더 실행이 되지 않는다,. 흠 결국 그 이유는 powershell 터미널에서 커맨드를 실행 했어야 했는데 나는 .. 더보기 Window 단축기 모음 #Window Win + Shift + s : 캡쳐 Win + 방향키 : 화면분할 Win + E : 파일탐색기 해당 창만 보기 : 탭을 잡고 흔들기 다시 이전 창들 보기: 탭을 잡고 씨게 흔들기 or 잡은상태로 오른쪽 마우스랑 같이 흔들기 Ctrl + tab : 다음 브라우저 Ctrl + Shift + tab : Ctrl + w : 탭 삭제 #크롬 브라우저 ㄱ ctrl + r : 새로고침 ctrl + shirft + j : 개발자도구 #개발자 도구 element에서 esc 누르면 콘솔창이 나온다 #터미널 위쪽 방향 키보드 누르면 전에 작성했던 커맨드들이 나온다. #VSCODE ctrl + z : 뒤로가기 ctrl + shirft + z : 다시 앞으로 Alt를 사용하여 여러 곳 마우스 커서 !만 쳐도 H.. 더보기 API vs Library vs Framework - 우아한tech- #API(Application Programming Interface)란 응용 프로그램에서 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 #라이브러리(Library) 응용 프로그램 개발을위해 필요한 기능(함수)를 모아 놓은 소프트웨어 #프레임워크(Framework) 응용프로그램이나 소프트웨어의 솔루션 개발을 수월하게 하기위해 제공된 소프트웨어 환경 참조: youtube 우아한tech 더보기 정적웹, 동적웹, MVC웹 프레임워크,앵귤러 리액트,뷰 란?? -얄팍한 코딩사전 - #1정적웹, 동적웹이뭔가요? 정적웹(편의점) 진열된 음식을 사서 온수 또는 전자레인지로 직접 요리해서 먹기 동적웹(식당) 음식을 주문하면 주방(서버)에서 그때 그때 요리가 되어서 나온다. 먹는음식은 비슷할 수 있지만 가장 큰 차이점은 요리를 해주냐 아니냐 이다. 정적웹; 언제접속해도 리소스를 건제주는 웹사이트 정적웹사이트에 접속을하면 서버는 마치 진열대에 놓인 상품처럼 이미 프로그래머가 작 성해놓은 HTML,CSS,JS파일들을그대로 클라이언트의 브라우저에 전해준다. 정적웹의 기준 ==> 접속할때마다 받게되는 HTML,CSS,JS코드들 그리고 동봉된 이미지,동영상 등의 파일들이 같은가 이다. 더욱 정확히는 서버에서 이걸 매번 가공해서 제공하는 것이 아니라,프로그래머가 작성해서 갖다 준 제품들이 진열되어 있.. 더보기 HTML과 Web Sver [생활코딩] HTML @@ 굵게 강조 @@ 밑줄 https://www.advancedwebranking.com/seo/html-study/==>여기에 태그 사용 순위 데이터가 있음 줄바꿈 (한줄) @@ 단락 태그 이미지를 모여준다 @@은 주소 src,width는 속성(attribute)이라고한다. @@ unorederd list odred list 자동으로 숫자로 정리 @@ 리스트 태그 //부모님 ul,ol이 필요 @@@@가 웹페이지의 탭키에 뜬다 현재 vscode에는 URF-8이라는 방식으로 저장된다. 고로 브라우저한테 알려줄때도 UTF-8로 열어라고 알려줘야한다 ---> 그래서 을 해줘야함 본문 내용은 @@@@로 묶어야 하고 본문을 설명하는 내용은 로 묶기로 약속을 했다. 그리고 그걸 @@@@@@@@로 크게 묶는.. 더보기 Window 10 개발자 셋업 #노마드코더 처음 Window10을 설치하고 아무것도 없는 것을 기준으로 작성 구글 그롬 설치---->개발자한테 가장 좋은 브라우저임 ㅇㅇ VSCode 설치--->그냥 무조건 제일 좋은 에디터임 ㅇ깃 설치--> VScode커스터마이징--->preitter,material Theme,,material Theme Icons,설치 Windows Subsystem for Linux(WSL)을 배워보자 리눅스에 매번 갈 필요 없이 원도우를 사용하면서 개발 환경을 꾸릴 수 있는 방법. #chocolatey설치 //윈도우에 뭔가를 설치를 할때 도와준다. 우측 상단에 install클릭 후 Windows PowerShell를 관리자 권한으로 실행 후 위에 복사한 커맨드를 붙여넣고 enter 이후 Window PowerS.. 더보기 이전 1 2 3 다음