2023/12/19 😛 네이버장바구니 구현해보기
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 노드 접근 방법 노드 메서드 부모노드 parentNode 자식 노드 리스트 childNodes 첫번째 자식 노드 firstChild 마지막 자식 노드 lastChild 다음 형제 노드 nextSibling 다음 형제 노트(요소만) nextElementSibling 이전 형제 노드 previosSibling 오늘의 과제 :: 네이버 장바구니를 구현해 보자 상품 ..
2023/12/14 ‼️ 내일까지 제출 미니토이프로젝트
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 토이 미니 프로젝트 - 미니게임을 만들어보자 나의 역할 : 팀원 각자 1개씩 게임을 만드는것으로 진행함 나의 게임 컨셉 크리스마스에 즐겨요 짝맞추기 게임 크리스마스 느낌의 디자인으로 진행하며 카드뒤집을때 최대한 자연스럽고 부드럽게 뒤집혀 지도록 고민함 구글링 하면서 느낀점 : 자료가 참 많네.. # 요구사항 분석 1. 여러 블록 카드게임으로 시작한다 2. 게임이 시작되면..
2023/12/13 🍎 자바스크립트를 1주일만에 끝낸다구 ?
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 정리 DataBase : 단순반복 // 프로시저 트리거 등등은 혼자 혼공 해야 한다 Java : 개발자의 태도, 객체/상속/인터페이스/의존.,.. Javascript , Spring : 현업에서 실제 만나는 것, 팀 구성후 프로젝트 제안서 만들 예정 가장 중요한 건 기본기부터 탄탄하게 다져야 한다 ** 기술 스택을 매일 같이 정리해야 한다 ** 본인의 기술 스택..
2023/12/12 ✨ 자바스크립트 수업 - 혼자만의 공부시간이 필요할 것 같다
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 기술노트 작성 필수, 매일 작성하고 하루에 두세 번씩 읽어봐야 한다 목표 그림판 만들기 기한 2023/12/12 1일 게임 만들기 기한 : 2023/12/13 ~ 2023/12/15 조건 : 1인당 1개의 게임 만들기 JavaScript 수업 체크박스는 다중 선택이 가능하며 radio는 단일선택이 가능하다 단 radio의 id를 동일하게 해야 단일 선택이 가능하..
🌱Inflearn🌱 프로미스
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 시작전 이야기 프로미스에 대해 이해하려면 먼저 HTTP를 알아야 한다 HTTP통신시 요청헤드:요청바디/응답헤드:응답바디 가 있다 응답헤드 - status code / credentials : true(쿠키허용) 응답바디 - 요청한 데이터가 있음 관련 링크 🌱Inflearn🌱 동기,비동기 ❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gay..
🌱Inflearn🌱 JSON
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com JSON이란 ? JavaScript Object Notation 문자 텍스트형 데이터 포멧이다 개발된 배경 인터넷에서 데이터를 전달할 때 기술이 고도회 되면서 전달하고자 하는 데이터가 너무 많아졌다. 사용자가 데이터 핸들링이 쉽도록 데이터를 전달 할때 담는 형식이 생기기 시작했다 대표적으로 XML , CSV , JSON XML : 값 용량이 증가되며 생긴게 끔찍… CSV..
🌱Inflearn🌱 호이스팅
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 호이스팅 : 간단히 말해서 위로 끌어 올리는 것 순차적으로 코드를 읽어 올때 호이스팅의 여부에 따라서 데이터를 읽어올 수 있거나 없을 수 있다 그 차이점을 알아보자 function sum(){} // 호이스팅가능 const sum = function(){} // 호이스팅불가 변수의 호이스팅 const, var : 호이스팅 가능 let : 호이스팅 불가 함수의 호이스팅 선..
🌱Inflearn🌱 자료형 간단 정리
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com JS 데이터 타입 숫자/문자/Boolean, undefined , null undefined : 값이 미할당 일때 JS 엔진이 암묵적으로 초기해주는 값 조건문/반복문 if … else if … else for(초기값;조건;증감) {} 자바와 동일함 비교문 얕은비교 : == != , 값만 비교한다 깊은비교 : === !== , 자료형과 값을 같이 비교한다 문자열 “” , ..
🌱Inflean🌱 DOM
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 전일 공부 정리 html : 구조담당 , 정적페이지 Javascript : 기능사용 DOM = Document 브라우저가 HTML 문서를 파싱하는 과정에서 생겨나는 객체이다 dom 을 통해 제어하고 읽어오고 할 수 있다 , 상호작용하는 기능이라고 하면 됨 Input TAG 입력된 데이터를 인식하고 찾아올 수 있다 document에 있는 Input 태그가 걸린 요소의 데이..
🌱Inflean🌱 자바스크립트의 함수
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 함수 기본 함수 선언식 자바와 같이 매개변수와 리턴값은 옵션 function 함수명 (매개변수){ 기능 return } 익명함수// 함수 기능을 변수 안에다 넣는것 const 함수명 = function(매개변수) { 기능 } 화살표 함수 (콜백함수) **실무에서 가장 자주쓰임** const 함수명 = (매개변수) => { 기능 // => 표시가 Function과 같은 의..
🌱Inflean 🌱 자바스크립트
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 변수와 상수 var / let / const 이름중복(재선 언) var 가능 / 나머지 불가 데이터 수정(재할당) var , let 가능 const불가 var보다 let이나 const를 자주 쓴다. var는 잘 안 쓴다고 함 js는 camelCase를 주로 사용한다 실습 class / 03-javascript / 01-variable.html class / 03-java..
유리쯔의일상