20231220🌱 SringFramework을 시작하다
·
🌱 𝐅𝐫𝐚𝐦𝐞𝐰𝐨𝐫𝐤/⠀⠀⠀⠀ Sᴘʀɪɴɢ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 그동안 포스팅이 늦었다 (스프링 공부에서 멘탈이 잠깐 부서졌다가 , 지금은 안정기를 찾았다) 그래도 매일매일 옵시디언에 정리를 해놔서 몰아서 포스팅할 수 있었다 이젠 아무리 멘탈이 나가더라도 꼭 포스팅을 하는 습관을 다시 길들어야겠다 ㅠ 스스로 핵심 단어 공부 드디어! 🌱스프링을 들어가는 날이다. 수업을 들어가기 전 먼저 핵심 단어명을 먼저 알려주셨고, 개념정리를 검색을..
🌱Inflearn🌱 spread연산자,얕은복사 깊은복사
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com spread 연산자 개념 : 하나로 뭉쳐있는 값들의 집합을 전개해주는 연산자 전개란? 값을 펼쳐준다, 배열을 한커플 벗겨주는 행위 작성법 : … 점 세개가 있으면 됨 예제 let arr = [1,2,3,4,5] console.log(arr) // [1,2,3,4,5] console.log(...arr) // 1 2 3 4 5 let str = "hello" console..
🌱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🌱 동기,비동기
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 동기통신 데이터 통신을 위한 '요청’을 하였을 때, 어떠한 요청에 대한 '응답’을 받을 때 까지 기다리다 완료된 다음 코드가 수행되는 처리방식 브라우저 동기통신 권장되지 않는 방식이다, 동기 통신은 브라우저 실행을 일시 중지 후 사용자 인터페이스를 블로킹하는 문제를 야기할 수 있다 따라서 비동기 방법으로 서버통신 하는 것이 더 좋다 비동기 통신 데이터 통신을 위해 '요청..
🌱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..
🌱Infearn🌱 WebStorge
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com WebStoryge 브라우저에 데이터를 저장할 수 있는 기술이다 하위개념 공통점 : key-value로 로컬에 저장한다 sesstion storyge : 세션 단위로 구분되어 활용하며 브라우저가 갱신되거나 탭 종료시 영구 삭제된다 local storyge : 도메인 단위로 구분되어 활용, 브라우저나 Pc 종료를 하더라도 남아있다 데이터 존재 여부 확인 truty : fa..
🌱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..
2023/12/11🕹️ 드디어 JavaScript를 시작하다
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 시작 전 기술노트를 작성하자 템플릿을 갖고 작성 구분 / 기술스택 / 이론정리 / 샘플코드 / 솔루션 / 내가 발견한 팁 / 응용할 아이디어 작성시 주의점 증빙할 수 없는 표현은 금지한다, 효율적, 좋다 등등 최대한 구체적으로 설명해야한다 문제가 있을대 어떤 기술로 해결 할것인기, 해결할 기술스택까지 기분을 지어서 사용하자 구체적 표현이란 해당 스택에 대한 설명과 ..
유리쯔의일상
'분류 전체보기' 카테고리의 글 목록 (7 Page)