완주를 향하여

💡 Node.js ❓ Later [x] console.log 단축키 [ ] https://inpa.tistory.com/category/Node.js/Node [ ] new 가 뭐지 [ ] 콜백함수? [ ] parameter인자 호출시(cb,name,txt,message) ➕ 채팅시스템 구현 - socket.io (이벤트 많음) #서버 로그인 ssh root@(공인IP주소) #서버 로그아웃 exit setTimeout : 초를 기다렸다가 실행 Node.js 특징 npm 패키지세션을 쓰면 관련 라이브러리 설치 npm: JS로 개발된 각종 모듈 관리해주는 기능 Single Thread 운영체제에서 할당하는 작업의 단위 (실행중인 프로그램)(작업 관리자에 쓰는게 프로세스) :스레드하나의 프로세스 안에는 여러개..

명언모음 (계속 추가됩니다~) 추천환영! 토끼굴에 빠지지 않기 (과집중으로 길잃기 조심) 바뀌려면 1. 하기싫은걸 하거나 2. 해보지않은걸 하기 개발은 뭐다! 페인트칠

0715 💡 개발문화 & Git Branch ❓ Later [ ] merge 종류 [ ] merge comment 여부 [ ] vi/vim 편집기 [ ] Node.JS 예습 #커밋 삭제 git log **git reset HEAD~1** **git push -f origin main** Agile Waterfall 모델장점 단순한 모델 단계별 정형화된 접근으로 문서화 용이 단점 떨어지는 유연성 시스템 동작을 후반에 가야 확인가능 대형프로젝트에 부적합, 일정지연 가능성 고전적인 SW생명 주기, 순차적 수행 짧은 주기의 개발단위(설계, 개발, 테스트, 배포)를 반복하는 방법론 요구사항 단위로 쪼개 솔루션 구축 협력 + 피드백 유연성 + 대응성 Scrum(스크럼) 개발자-고객 지속적 커뮤니케이션 고객 요구사항..

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 광고배너, 용어설명, 관련 상품,..

1. 티스토리 스킨 겁나 불편하다 넣고 싶은 기능 1. 포스팅 읽은 진행도에 따라 progress bar 표시 2. 메뉴 상시 드러나게 3. nav bar 4. 반응형 물론 . . 2. 깃헙 잔디 모바일 스크롤 안됨 2024-03-04 국가별 기념일 프로듀스 101 - '다국가의 스파이더맨 출연 총집합 기념일 만들기' 라는 꿈에서 시작된 아이디어

정리복습용 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(..