목록전체 글 (172)

Daily Front_Minhhk

Section1 회고

Section 1 회고 FE 과정 첫 수업 후 정확히 한달이 지난 지금 22.11.16 시간이 빠르다.. 녹았다?가 맞는거 같다ㅋㅋ 그래도 다시 나에대해 돌아보고, 나름 집중해서 지나온 4주인거 같다.👍 이번 Section 1에서는 HTML, CSS, JS, Linux/Git 을 배웠다. 페어프로그래밍을 진행하면서 페어 분들은 다들 실력도 있으셨고 잘하셨다. 페어지만 어떻게 보면 동료와 경쟁자다^^ 난.. 기본 지식은 어느 정도 있다고 생각했지만 더 다듬고 공부를 해서 끼워넣고 보충하고 연습해야겠다 css grid에 대한 부가학습이 좀 필요할 거 같다? js는 말해 뭐할까~ 달려달려 망각곡선이 너무 적나라하게 나타나는 시기인가🧐 section2 !! 다시 열심히 해보자!! 나는 동료와 함께 지속적인 성장..
Code개발일지 2022. 11. 16. 13:46
[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
이전 Prev 1 ··· 22 23 24 25 26 27 28 29 Next 다음