전체 글
-
깃git vs 깃허브github카테고리 없음 2022. 1. 16. 20:38
노마드코더 깃은 파일에 대한 변경사항을 기억하고, 같은 파일에 대한 각기 다른 버전을 저장할 수 있다. 깃허브는 클라우드에 있는 깃 제공자. 내 컴퓨터에서 깃 히스토리를 가져와서 (클라우드에 있는)깃허브 웹 사이트에 푸쉬하는 것. 변화 내용을 다른 사람과 공유, 교환할 수 있게 됨. 생활코딩 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디렉토..
-
생활코딩 web2 - JavaScript카테고리 없음 2022. 1. 12. 08:15
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누르면..
-
개발관련 유튜브 감상카테고리 없음 2022. 1. 11. 21:59
프리코더 원티드 긱스- 프리랜서 중개 링크드인, 로켓펀치 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..
-
드림코딩by 엘리 프론트엔드 개발자 되기 입문편카테고리 없음 2022. 1. 4. 23:38
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..
-
드림코딩 by 엘리 유튜브 구경카테고리 없음 2021. 12. 29. 10:19
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..
-
vscode 확장도구 prettier카테고리 없음 2021. 12. 27. 10:13
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로 설정 저장할 때마다, 적용됨
-
VSC(Visual Studion Code)카테고리 없음 2021. 12. 26. 21:34
VSC(Visual Studion Code): 마이크로소프트가 만든 텍스트 에디터 노마트 코더Nomad Coders TOP7. ctrl+d: multi selection. 자주 반복되어 사용되는 코드. 반복되는 한 코드를 드래그한 후, 단축키 누르면, 모든 반복된 코드를 자동으로 선택. TOP6. alt+click: insert cursor. 누르는 곳마다 커서를 생기게 해줌. 편집 끝나면 esc TOP5. alt+↑/↓: 선택된 코드를 위로, 아래로 움직여 준다. TOP4. alt + shift + ↑/↓: 복사를 해서 위, 아래로 움직인다. TOP3. ctrl+/: 주석처리 TOP2. alt + shift + i: current selection. 마우스로 드래그된 영역에 커서가 줄별로 좌르륵 생긴다..
-
김버그의 HTML&CSS는 재밌다카테고리 없음 2021. 12. 25. 21:17
21.12.25 , , Notion에 정리 21.12.26 , , 21.12.27 , 21.12.29 21.12.30 , 21.12.31 , , , , 22.1.1 , 22.1.4 , , , 22.1.5 , , , , , 22.1.6 22.1.7 , , 22.1.8 22.1.9 , , 22.1.10 , , , , , , 22.1.11 , , , , , , , , , , 22.1.12 , , , , , , , , 22.1.13 , , , , , , 22.1.14 , , 22.1.15 , 22.1.16 , , 22.1.17 , , , 22.1.18 , 22.1.19 , , 22.1.20 , 22.1.24 , 22.1.25 , 22.1.26 22.1.27 , , , 22.1.28 , 22.2.14 Final ..