'👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞' 카테고리의 글 목록 (3 Page)

🌱Infearn🌱 WebStorge

2023.12.19·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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🌱 호이스팅

2023.12.19·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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🌱 자료형 간단 정리

2023.12.19·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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

2023.12.18·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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🌱 자바스크립트의 함수

2023.12.18·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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 🌱 자바스크립트

2023.12.18·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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를 시작하다

2023.12.11·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 시작 전 기술노트를 작성하자 템플릿을 갖고 작성 구분 / 기술스택 / 이론정리 / 샘플코드 / 솔루션 / 내가 발견한 팁 / 응용할 아이디어 작성시 주의점 증빙할 수 없는 표현은 금지한다, 효율적, 좋다 등등 최대한 구체적으로 설명해야한다 문제가 있을대 어떤 기술로 해결 할것인기, 해결할 기술스택까지 기분을 지어서 사용하자 구체적 표현이란 해당 스택에 대한 설명과 ..

2023/12/07🦄 정렬 그것은 내 정신도 정렬

2023.12.09·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ HTML&CSS

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com CSS 정렬 1. flex 2. position 3. grid flex 블록 요소는 위에서 아래로. 수직으로 쌓임 인라인 요소 자기가 필요한 사이즈만큼만 배치되고 자동으로 붙기 때문에 배치하기가 어렵다 배치를 좀 더 쉽게 하기 위해 flex를 사용한다 핵심 : 여러 태그를 하나로 묶어서 정렬한다 CSS에 기본값이 있다. 아무것도 입력하지 않을 경우 좌측 상단에 먼저 위치..

2023/12/06⛳️ CSS🥲

2023.12.09·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ HTML&CSS

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com Css란? Html의 색 , 크기, 정렬 등을 변경하여 시각화를 담당하는 언어이다 HTML로 구조를 만들면 CSS로 꾸미기를 한다고 보면 된다 css 특성 : 속성 , 값 coloer : 색상 background-coler : 배경색상 font-size : 폰트크기 width : 가로 크기 height : 세로 크기 border-radius : 테두리 둥글게 문법 단일 ..

2023/12/05🐳 HTML...Humm...

2023.12.09·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ HTML&CSS

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 웹 페이지의 구조 화면에 보여주는 것 : 브라우저 Html : 웹 구조화 언어 Css : 시각 JavaScript : 기능 Html 정의 구조화시키는 언어 어떻게 구조화가 되어있는지 브라우저가 알 수 있도록 하는 마크업 언어이다 markup 정의 : 텍스트들의 표시 및 지정 표기이다. 텍스트 크기를 진행하는 거라고 보면 된다. 현재 사용하는 Html 버전은 5 공간을 만..

2023/12/04🚀 Html , css 시작

2023.12.09·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ HTML&CSS

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com ⭐️ Web 수업 목록 : WEB 수업 List web과 app의 차이 웹브라우저를 가지고 서버와 통신하는 작업이 web이고 app의 안드로이드나 ios기반의 운영소프트웨어를 가지고 동작하는 것이 app입니다 크롬을 사용하는 이유 : 개발자 모드가 잘 되어잇다. 진행방향 Web Architecture -> Front End -> Back End WorkSpace (개발자..

2023/11/30🤘 디자인패턴 - State Pattern & SingleTon Pattern

2023.12.05·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Jᴀᴠᴀ

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 시작에 앞서 이번 프로젝트를 하면서 정리하고 있는 나의 포스팅은 거즘 막바지를 다가가고 있다. 그중 코드의 중복성, 가독성 등등 을 고려하여 디자인패턴을 도입하는 것도 하나의 목표였기 때문에 해당 디자인 패턴에 대해서 공부했던 것을 정리하려고 한다 -- 이번 프로젝트 이전 공부 내용 히스토리 -- 더보기 1번째 포스팅 2023/11/20 👌 JAVA 프로젝트 - 시작과 ..

티스토리툴바