SOJU 2기 🍾
-
🍾 Javascript DOM, Event 학습 기록SOJU 2기 🍾 2023. 5. 9. 17:03
서론 대망의 4주 차(1) 과제! 이번주에는 DOM, EVENT에 대해 강의로 학습하고 오 이런 것도 있었구나 / 있었지 싶은 것들을 기록했다. 역시 자바스크립트는 알면 알수록 재미있다 🤓 * DOM Document Object Model (문서 객체 모델) html 문서의 각 요소들을 트리로 표현해 준다. 자바스크립트를 이용해 생성, 수정, 삭제 등이 가능하다. 트리에서 하나의 개체를 Node라고 부른다. 모든 html 태그는 객체이고, 자바스크립트를 이용하여 객체에 접근할 수 있다! * .querySelectorAll() / getElementsByTagName() not Array! node list! 이터러블 객체이기 때문에 for of를 사용할 수 있지만, array가 아니기 때문에 array ..
-
📝 JavaScript 기초 강좌 기록 (+)SOJU 2기 🍾 2023. 4. 29. 17:02
📝 서론 3주 차(2)의 과제! 자바스크립트 비교적 짧은! 기초 강의를 들으며 기초부분을 다시 훑는 작업이다. 강의를 들으며 잊기 쉬운 것(하지만 중요한 것), 새롭게 알게된 것 등을 기록했다. 약 2주동안 자바스크립트 기초 공부를 하면서 this, callback, promise 가 어려웠기 때문에... 개인적으로도 공부를 하고 있다. 먼지가 쌓인 나의 유데미 강의를 ... 드디어 들을 때야 ~ ! 👉 함수 (Function) 기본적인 주의사항 1. 한 번에 한 작업에 집중하도록 만든다. (하나의 함수에 많은 기능을 집어넣으려고 하지 말자.) 2. 읽기 쉽고 어떤 동작인지 알기 쉽게 네이밍 한다. 👉 함수에 매개변수가 입력되지 않았을 때 let 변수 = 매개변수(이때 false 이면) || “defa..
-
📝 JavaScript 기초 강좌 기록 (하)SOJU 2기 🍾 2023. 4. 25. 19:16
서론 (하)편은 10강부터 18번째까지의 강의를 듣고 새롭게 알거나 잘못 알고 있었던 것 등 정보들을 기록했다. 📝 HTTP 브라우저 위에서 동작하고 있는 웹사이트, 웹 어플래케이션 같은 Client 들이 아땋게 Server 와 통신할 수있는지를 정의한 것. 어떻게 이 Hyper Text 를 서로 주고받을 수 있는지를 규약한 프로토콜의 한 종류 이다. HTTP는 클라이언트가 서버에게 데이터를 요청(request)할 수 있고 Server는 클라이언트가 요청한 것에 따라 그에 맞는 응답(response)을 보내준다. Hyper Text 는 링크 뿐만아니라 웹사이트에서 쓰여지고 있는 문서, 이미지파일들을 모두 아우르는 의미로 쓰임. 📝 AJAX Asynchronous JavaScript And XML 웹페이지..
-
📝 JavaScript 기초 강좌 기록 (상)SOJU 2기 🍾 2023. 4. 25. 18:17
서론 3주 차(1)가 밝았다! ☀️ (상) 편은 1강부터 9강까지의 강의를 듣고 새롭게 알거나 잘못 알고 있었던 것 등 정보들을 기록했다. 자바스크립트의 역사 자바스크립트의 역사는 ECMAScript 문서의 등장부터 흥미로워진다. (ECMAScript : 언어의 문법적인 사항들을 정리해 둔 문서) 1997년 초판을 시작으로 1년마다 새 판이 출판되다가 2000년도 당시 점유율 95%를 차지하던 IE, 마이크로소프트사가 표준안 참가를 거부하게 되면서 표준안 작업이 더뎌지게 된다. 그러던 와중 2004년 모질라 사에서 Firefox 브라우저를 출시. 마이크로소프트 - 모질라 - 넷스케이프 3사가 표준안을 두고 엎치락뒤치락하게 된다. 그 사이 개발자들은 ... 표준안이 정해지지 않았으니 한 프로그램을 만들 때..
-
🍾 HTML, CSS 복습 (2) 콘텐츠 모델, 시멘틱 마크업SOJU 2기 🍾 2023. 4. 10. 15:33
~이어서~ (1)에 이어서 콘텐츠모델, 시멘틱 마크업에 대해 학습한 내용을 기록한다. 콘텐츠 모델 ? 요소들이 가지고 있는 성격에 따라서 종류를 정의하는 규칙들이 존재한다. 요소는 이 규칙들을 준수해야 한다. 그리고, 반드시 HTML5 권고안을 따라야 한다. 규칙들을 기준으로 비슷한 성격의 요소들끼리 그룹화한 것을 콘텐츠 모델이라고 한다. 각각의 요소들은 하나 혹은 여러 개의 콘텐츠 모델에 속하게 된다. Metadata 콘텐츠의 스타일, 동작을 설정. 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함되어 있다. 메타 태그, 타이틀 태그, 스타일 태그, 링크 태그 등 ... 안에 들어간다는 특징을 가진다. “ base, link, meta, noscript, script, style, title “ F..
-
🍾 HTML, CSS 복습 (1)SOJU 2기 🍾 2023. 4. 10. 15:00
서론 스터디 2주 차(1)를 맞이했다. 이번 주차에서는 HTML, CSS 를 공부한다. 예전에 강의로 HTML, CSS 를 공부한 적이 있는데 그건 👉 여기 이번은 내가 머리로는 알고 있고 실제로 쓰기도 하지만! 말로 표현을 잘 못하는 것들 혹은 한 번 더 짚고 넘어갈 것들을 간단하게 정리했다. HTML? Hyper Text Markup Language Hyper Text 👉 웹 페이지 특정 부분과 연결할 수 있는 기능을 가진 텍스트 (= 링크) Markup Language 👉 정보를 구조적, 계층적으로 표현 가능한 프로그래밍 언어 정보를 공유한다는 목적을 가졌다. 태그, 요소 내용 내용을 포함한 태그 전체를요소 Element라고 한다. HTML 은 태그들의 집합이다. 브라우저가 html 파일 안의 태그..
-
Git, Github 기초 뽀개기 👊 (2)SOJU 2기 🍾 2023. 4. 1. 22:13
서론 스터디 1주 차(2)를 맞이했다. 1주 차(1)에서는 init, add, commit, push ... github 연동까지 알아봤었다. 이번에는 pull, branch, switch, merge, reset ... 등등에 대해 공부했다. 읽어도 읽어도 뭔 소리야 .. 싶은 경우가 많았기 때문에 아래 사이트를 이용하여 실습했다! Git 공식문서 Git / GitHub 안내서 브랜치 연습하기! 역시 실제로 해봐야 이해도 되고 늘기도 하는구나. 그래도 역시 협업을 해보며 부딪혀 보고 싶다는 생각이 들었다. 실습, 공부하며 새롭게 알게된 (이해한) 지식들을 까먹지 않기 위해!! 적어둔다. branch ? 나무에서 여러 갈래로 나누어지는 가지들을 떠올리면 이해가 쉽다. 여러 사람이 동시에 여러 작업을 진행..
-
Git, Github 기초 뽀개기 👊SOJU 2기 🍾 2023. 3. 26. 15:48
🍾 서론 그동안 깃허브를 사용하지 않은 건 아니지만, 확실히 잘 모르고 사용해 왔다. add, push, commit ... 등등등등 여러 용어를 단 하나도 제대로 알지 않은 채 '레포지토리 복제'라는 기능으로 사용해 왔다. 공부해야지!! 하면서도 다른 게 바쁘다는 핑계로 미루기를 몇 달째... 드디어 했다. 깃, 깃허브 기초 공부! Git ? 버전을 편리하게 관리할 수 있도록 도와준다. => 즉, 작업하는 파일들을 원하는 순간으로 다시 돌아갈 수 있게 해 준다. workflow 0. git 초기화 (+ 삭제) 프로젝트의 시작에는 언제나 git을 초기화해주어야 한다. git init + git을 삭제해야 할 때는 git 이 설정되어 있는 디렉토리에서 아래 명령어, 옵션을 사용한다. rm -rf .git ..