완주를 향하여

0713 💡 서버 ❓ Later [ ] 0707 실습3- 스케쥴 작동시키기 [ ] 다른분들 첫 화면 변경하기 과제 참고 [x] jetbrain - 학생계정 만들기 [ ] vi/vim 편집기 접속한다 : 데이터를 요청한다. 클라이언트: 요청 서버 : 응답 서버 구축 방법 서버 호스팅 본인의 컴퓨터를 직접 서버로 구축하는 방법 서버 관리에 대한 지식이 없으면 해킹에 대한 위험 있음. 내 컴퓨터를 서버로 만드는 것은 클라이언트가 24시간 내내 접속이 가능하다는 것. (거의 쓰지 않는 방식) 웹 호스팅 외부 서버 임대 클라우드 서버 물리적인 컴퓨터가 아닌, VM 운영. 무한대 저장 공간. 다운되지 않는 서버를 만들 수 있음(이론상.) (이렇게 하면 vm이 커지고 비용도 비싸짐) (이론상은 가능) 퍼블릭 클라우드..

💡 클론코딩 ALL복습 [ ] 섹션요소 [x] 시멘틱태그 https://sangyeon96.gitbooks.io/do-it-html5-css3/content/Chapter10-2.html [ ] 더깊이 을 버리고 HTML5의 을 써야 하는 이유 HTML 레이아웃(Layout) div span 인라인 요소 그룹화 semantic 의미론적(sementic) 태그→ 스크린리더 네비게이션 header 글로벌링크 사이트 이름, 로고, 헤드라인, 검색, 목차 h 요소 nav 메뉴(카테고리) 성격의 링크 모음 ul, li, a 요소 section 같은 내용 모음 독립적인 영역(헤더,푸터 o) article 독립적으로 구성된 글 게시물, 포스트, 댓글, 위젯 contents aside 광고배너, 용어설명, 관련 상품,..

정리복습용 JS객체 jQuery Bootstrap

💡 Bootstrap [0708 Bootstrap toufulover33.notion.site](https://toufulover33.notion.site/0708-fda5b91fa7a349c4bfd93e114891ae01) ❓ Later 0706 실습3 [ ] 구동가능하도록 [ ] childElement 로 시도 JS → MDN input창 read only 이벤트 $(선택자).on(”click”,function(obj){}); obj.currentTarget; Bootstrap 웹사이트 쉽게 만들 수 있게 도와주는 공개 프레임워크라이브러리 : 특정 기능 (가구..) 프레임워크 : 틀, 구조 (바닥,기둥) 정해진 구조라 커스터마이징, 확장성 고려 🔗 https://getbootstrap.com/ - D..

💡 jQuery 0706 jQuery toufulover33.notion.site jQuery CDN jQuery UI ❓ Later [x] 단축키 [x] 주석처리 command+/ [x] 줄선택 command+ shift [x] 줄맨끝 command+ ←→ [x] 개발자도구 ctrl+alt+I [ ] 선택자 선택자 [ ] 객체 개념 [ ] 클래스와 배열 https://goddino.tistory.com/198 [ ] 제이쿼리 메소드 복습 [ ] div-hover [ ] 실습2 ++ : 랜덤배경색상 JQuery 오픈소스 기반 JS 라이브러리 JS → JQuery → VanilaJS 사용법 파일 다운 jQuery CDN //CDN(Content Delivery Network) 기초 $ : jQuery()함..

💡JS-객체 ❓ [ ] 객체 🌟Object(객체 자료형, 참조 자료형) [ ] JS참조방식 [ ] 객체자료형 문법 - 키,값 추가 객체자료형 - 배열, 딕셔너리 [ ] 태그 위치? 언어타입 강한 타입 언어 타입 검사 통과 못하면 실행X int, double 등 타입 하나 지정 약한 타입 언어 JS 자료형 Primitive(기본 자료형) Boolean Number - 정수, 부동소수점, 무한대 및 NaN String Null - 값X 타입O Undefined 타입X 🌟Object(객체 자료형, 참조 자료형) 클래스, 배열, 함수 객체란? 실제 인식할 수 있는 사물 속성: 이름, 나이 메소드: mew(), eat() 객체자료형 - 배열, 딕셔너리 배열인덱스: 0부터 시작 arr.length arr.push(..

정리복습용 Git 동적 프론트엔드 실습

0701 💡 CSS + JS https://www.notion.so/toufulover33/0701-495a3202a1f8471db4923643e3297e2c 📌 [ ] CSS 참조방식 3가지 [ ] JS 변수선언 CSS -- 선택자 선언블록{ 선언 속성: 속성값; } -- 참조방식 외부 스타일 시트 ( External Style Sheet ) 내부 스타일 시트 ( Internal Style Sheet ) HTML 태그 내의 스타일 지정 ( Inline Styles ) 인라인 > 내장 ? 링크 속성 많다 color text-shadow text-decoration font-size, font-weight cursor border, border-style, border-radius background-co..

0629 💡 HTML & CSS https://www.notion.so/0629-011349002e7f4b199a6fe2f84fcc5f68 HTML 태그 요소 블록 요소 인라인 요소 빈 요소 구조적 기능 속성 태그를 보조하는 명령어 id class, style, width, height 실습 절대경로 상대경로 ../ ./ 속성 width height title alt 하이퍼링크 속성 ****href 팝잇 속성 self* blank 블록요소 ol type A,a,1,I,i start ul border cellspacing cellpadding colspan rowspan CSS **선택자 선언블록{ 선언 속성: 속성값; }** 참조방식 인라인 내장 링크 속성 많다 color text-shadow text-..

0627 💡 Git for 공동개발, 버전 관리 https://www.notion.so/0627-acca7ad0163445f5aa9608cf5dcb0f8c 설치 슬랙 VScode wakatime (homebrew-) git github 연결 for 프로젝트,버전 관리 메뉴 issues Pull reguests - 협업용 Actions - CI/CD 자동배포 repository 생성 mkdir github cd github git config --global init.defaultBranch main git init git config --global core.autocrlf input //개행문자 관련 처리 git 영역 & 명령어 git status git log Working Directory(작업공간..