목록Code개발일지 (93)

Daily Front_Minhhk

[HTML_CSS_JS] 나만의 아고라 스테이츠 만들기👏🏻

🫡 나만의 아고라 스테이츠 만들기 오늘 공부한 내용 어려웠던 내용 궁금한 내용과 부족한 내용 느낀점 완성gif git-hub 배포링크 ✨ 공부한 내용 지금까지 페어와 함께 프로젝트를 해결해 나갔다면, 어제와 오늘! 이틀 동안 솔로 프로젝트를 해보았다. ✅ 프로젝트 제목 : ‘나만의 아고라 스테이츠 만들기’✅ 아고라 스테이츠란 기술 관련 질문을 깃허브에 올리면 동기분들이나 크루분들이 답변해주는 커뮤니티이다. 이런 커뮤니티의 틀을 참고해서 기술 관련 질문을 등록하고, 등록 날짜, 제목 등 입력을 받아들이는 기능을 구현해야했다. localStorage에 저장하기 localStorage.setItem('?'); localStorage에서 가져오기 localStorage.getItem('?') 브라우저 동작시, ..
Code개발일지 2022. 11. 15. 22:20
[GIT] Git협업하기

학습 목표 일반 디렉터리와 깃 리포지토리와의 차이점에 대해 설명할 수 있다. git staging area에 대해서 설명할 수 있다. git add로 git staging area의 내용을 변경할 수 있다. git add와 git commit의 차이점에 대해서 설명할 수 있다. git commit으로 로컬 깃 리포지토리에 코드 변경점을 기록할 수 있다. 로컬 깃 리포지토리와 원격 깃 리포지토리 github 차이점에 대해 설명할 수 있다. git clone이 원격 깃 리포지토리를 가져온다는 것을 이해한다. git pull과 git push에 대해서 이해한다. git pull과 git push로 로컬 깃 리포지터리와 원격 깃 리포지토리의 내용을 쉽게 주고받을 수 있다. ✅ https://mylko72.git..
Code개발일지 2022. 11. 15. 22:11
[JS] 유효성검사(기본로그인폼), 이벤트객체[onsubmit, onchange, onmouse~, e.preventDefault]

유효성검사 - 기본 로그인 폼 적용 학습 목표 DOM 기초 실습을 통해, 구체적인 사용법을 익힐 수 있다. querySelector를 활용하여, HTML 엘리먼트 정보를 가져올 수 있다. oncilck, onkeyup 속성이나 addEventListener 메서드로 이벤트 핸들러 함수를 HTML 엘리먼트에 적용할 수 있다. 이벤트 핸들러 함수에서 이벤트가 발생한 곳의 정보를 확인할 수 있다. 이벤트 핸들러 함수로 유효성 검사를 실행할 수 있다. 유효성 검사에 필요한 기술 요소를 익힐 수 있다. 유효성 검사에 필요한 HTML 엘리먼트, CSS 속성이 무엇인지 알 수 있다. 엘리먼트가 화면에 표시되거나 사라지게 만들 수 있다. (display: none) 유효성 검사에서 활용할 수 있는 정규 표현식의 기초 ..
Code개발일지 2022. 11. 11. 14:51
[JS] DOM과JS, createDocumentFragment(), node vs element, children과 childNodes의 차이, children과 childNodes의 차이, appendChild()

DOM과 JavaScript의 차이에 대해 이해할 수 있다. DOM은 플랫폼이나 구체적인 언어 구현에 종속된 것이 아닌 언어 독립적 인터페이스다. 반드시 자바스크립트로 구현할 필요 없이 DOM 인터페이스 구현만으로 DOM을 조작할 수 있다. DOM 과 자바스크립트 문서(document) 와 문서의 요소(element) 에 접근하기 위해 DOM 이 사용된다. DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는 문서를 위한 document objec..
Code개발일지 2022. 11. 10. 20:17
[JS] DOM[createElement(), append(), querySelector(),setAttribute(’속성명’, ’속성값’), remove() ]

DOM(Document Object Model) HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model, DOM으로 HTML을 조작할 수 있습니다. 웹 브라우저가 작성된 코드를 해석하는 과정에서 요소를 만나면, 웹 브라우저는 HTML 해석을 잠시 멈춥니다. HTML 해석을 잠시 멈춘 웹 브라우저는 요소를 먼저 실행합니다. 요소는 등장과 함께 실행된다는 사실을 꼭 기억하세요. DOM 구조를 조회할 때에는 console.dir이 유용합니다. console.dir은 console.log와 달리 DOM을 객체의 모습으로 출력합니다. 학습 목표 DOM을 JavaScript로 조작하여 HTML Element를 추가할 수 있다. (CREATE) DOM을 ..
Code개발일지 2022. 11. 10. 20:04
[JS] koans 복습[(암묵,명시)타입변환, 호이스팅, 화살표함수, …etc]

😁 뭔가 장황하게 나열한거 같은데,, 나름 헷갈렸던 것 위주로 정리를 해보았다! 생각보다 알고 있는 것이라고 생각한 것들이 오히려 들어가서 문제를 풀어보니 나는 제대로 알고 있던 것이 아니었고, 안다고 착각하고 대충 쓰고 있었다ㅋㅋㅋ 정신 차리고~~ 차근히 다시 하면 되니까 드ㅡㅡ가자!! 암묵적 타입 변환(Implicit coercion) || 타입 강제 변환(Type coercion) let a = 1 let b = true console.log(a+b) // 2 typeof(a+b) // 'number' let a = 1 let b = '1' console.log(a+b) // 11 typeof(a+b) // 'string' let a = 12 let b = '1' // + 제외한 -, *, / 는 ..
Code개발일지 2022. 11. 9. 15:30
이전 Prev 1 ··· 9 10 11 12 13 14 15 16 Next 다음