SOMEmo SOMEmo

생활코딩 프레임워크 구글검색: bootstrap https://getbootstrap.com/ get started클릭 template소스 중 head안의 소스 복사, body안의 optional 부분 복사 components메뉴-class값 복붙 css, js복사 card: 쇼핑몰 제품소개에 사용 carousel: 최상단 이미지 슬라이드 modal navbar: 화면사이즈 작아지면 hamburger버튼나오게 pagination: 페이지 번호 toastui, summernote-글쓰기ui 구글검색: 부트스트랩 무료 탬플릿bootstrap themes-사이트 들어가기-free download-수정 무료 테마 : https://startbootstrap.com/ wrapbootstrap.com bootstr..

생활코딩 운영체제를 제어하는 두가지 방법 1. GUI(Graphic User Interface) : 마우스, 아이콘 2. CLI(Command Line Interface) : 명령어 이용 POSIX: Portable Operation System Interface - unix,linux,macOS를 제어가능 window는 CMD, PowerShell이라는 독자적인 방법을 가지고 있어서, POSIX와 호환불가. POSIX 호환 시스템인 unix, linux, macOS는 특별히 필요한 준비가 없다. POSIX로 windows, IOS, Android를 제어하기 위해서는 emulator가 필요. 또는 POSIX 호환되는 server를 별도로 마련.(posix server에 원격으로 접속-secure shel..

노마드코더 깃은 파일에 대한 변경사항을 기억하고, 같은 파일에 대한 각기 다른 버전을 저장할 수 있다. 깃허브는 클라우드에 있는 깃 제공자. 내 컴퓨터에서 깃 히스토리를 가져와서 (클라우드에 있는)깃허브 웹 사이트에 푸쉬하는 것. 변화 내용을 다른 사람과 공유, 교환할 수 있게 됨. 생활코딩 git의 3개 목적: version관리, backup, collaborate github, tortoiseGit, sourcetree, git(오리지널git,명령어 사용) POSIX CLI1수업을 먼저보기. https://opentutorials.org/module/3747 git-scm.com - download git-bash 열기 - git엔터해서 설치된 git확인 현재 디렉토리(helllo-git-cli디렉토..

22.1.12 1강. 수업소개 동적으로 사용자와 상호작용하기 위해 탄생한 javascript 2강. 수업의 목적 3강. HTML과 JS의 만남: script 태그 document.write(1+1); =>2 4강. HTML과 JS의 만남: 이벤트 구글 검색: javascript alert경고창onclick의 속성값으로는 반드시 javascript가 와야 한다.어떤 이벤트가 일어났을 때 어떠한 JS가 실행되도록 하는 것 내용이 변했을 때 onchange 구글검색: javascript keydown event attribute => onkeydown 5강. HTML과 JS의 만남 (콘솔) 브라우저-f12(개발자도구)-console탭-alert('ㅇ라롱'.length) f12-elements탭에서 esc누르면..

프리코더 원티드 긱스- 프리랜서 중개 링크드인, 로켓펀치 1년~1년반 인프런강의. 20%할인 쿠폰 워드 프레스 사용. 홈페이지 제작. 망고보드. 미리캔버스 유튜브 클론코딩. 두달. 뭔가를 만들어 본다는 목표 갖기. 닥코 daqko jquery배우지 말기. 필요없음. 없애는 추세. 바닐라 자바스크립트 배우기. 드림코딩 by 엘리 깃허브-오픈 프로젝트 프로그래밍 언어 Ranking: JavaScript>Python>Java>TypeScript 웹 프레임워크 react.js > angular > vue.js 자바스크립트 런타임환경 nodeJS no code, less-code: bubble, airtable사이트 serverless-클라우드(AWS>netlify>google cloud) JAM Stack-ja..

control + shift +i CSS Oberview: 설정 - experiments - css overview 체크(점세개-more tools - css overview) -capture overview 요소를 클릭하면 요소에 대한 설명도 볼수있음. Shasow Editor: google에서 shadow maker나 box shadow css generator검색하면 사용할 수 있으나, 개발툴에도 있음. Elements탭가서 원하는 요소 선택 - box-shadow: 4px 4px #000000aa; 추가 - 작은 아이콘 클릭 -shadow editor text에도 적용할 수 있음 text-shadow: 0 0 black; New Font Editor: 설정-experiments - enable n..

Click ol>li*3 + tab 1 2 3 Hello Name: (인라인) (input은 보통 레이블과 같이 사용, 인라인, 여러 input이 있을 수 있으므로 id 지정) CSS(Cascading Style Sheet) 스타일(3): Author style(css파일) > User Style(브라우저상) > Browser cascading의 연결고리를 끊는 !important(쓰지않는 것이 좋음) selectors선택자: universal * type Tag ID #id Class .class State : Attribute [ ] selector { property: value; } div에 콘텐츠를 작성하지 않으면, background: yellow로 배경색을 지정해도 표시되지 않는다. widt..

settings - format on save체크 - prettier검색(세부적 설정) - Tab Width: 2 - prettier quote검색 - javascript>preferences>quote style auto로 설정된걸 single로 변경 - typeScript>preferences>quote style auto로 설정된걸 single로 변경 editor default formatter 검색 - default formatter를 prettier-vscode로 설정 prettier사용하려는 파일로 이동. f1 - format document - default를 prettier로 설정 저장할 때마다, 적용됨