안녕하세요

​position과 자바스크립트로 팝업창을 구현하는 방법을 배웠습니다. 점점 더 복잡해져 가기 때문에 오늘부터는 만들어 본 페이지의 이미지나 사이트 주소를 적극적으로 활용하려고 합니다. 오늘 수업 중 구현한 화면입니다. [close 버튼을 클릭하면 팝업창이 사라집니다.] [menu 버튼을 클릭하면 X버튼으로 모양이 변하면서 왼쪽에서 메뉴 창이 나타납니다.] 수업 중 배운 내용을 복습합니다. css는 보기 좋게 정리할 수 있도록 노력해야겠습니다. [기존에 만든 css와 semantic tag는 전부 지우고 배운 내용을 기반으로 만들어 본 pixabay 메인화면입니다. 새로운 내용을 배울 때마다 업데이트하기 때문에 스크린샷과는 다른 화면이거나 없는 주소일 수도 있습니다.] display 속성 display:..

독학으로 공부하면 semantic tag가 이상하게 사용되기 쉽습니다. 왜 이렇게 쓰이는 건지 다른 사람이 만든 코드를 세세하게 분석하지 않으면 의미를 알기 어렵기 때문이라 생각합니다. 교육의 장점은 이런 부분에서 질문을 할 수 있다는 점 같습니다. 왜 이런 semantic tag 가 이용되었는지~ margin은 왜 이렇게 적용하는지~ 등등 쌤이 가르쳐 주는 대로 반복 숙달 하여 이상한 습관이 생기지 않으려 노력해야겠습니다. 자료형 {} 대괄호는 배열 [] 중괄호는 객체 선택자 같은 기능을 하는 경우 (ex) container) 동일한 이름을 부여합니다. 후손선택자

첫 날에 일찍 왔지만 띄워앉기를 하는가 싶어 찾아가 앉은 자리는 뒷쪽이었습니다. 쌤과 거리가 멀어서 빔프로젝터 스크린이 잘 보이지 않고 목소리도 잘 들리지 않았습니다. 하지만, 두 번째 날부터는 쌤이 zoom 화면공유와 마이크를 준비해주었습니다. 다행히도 자리는 아무런 문제가 되지 않았습니다. 앞자리에 앉더라도 스크린보다는 내 모니터의 zoom 화면을 통해서 보는 것이 더 편할 것이기 때문입니다. 2일차는 따라서 코딩을 하는 시간과 배운 내용을 바탕으로 학습을 하는 시간이 있었습니다. 스스로 무언가를 만들어 보는 동안에는 시간도 잘 흘러갔습니다. 백준 문법 연습도 쉬지 않고 꾸준히 하려고 합니다. 오늘은 [기본 수학 단계 1712~] 입니다. jquery를 배우는 이유 리액트를 하게 되면 jquery는 ..

국비지원교육 프론트엔드 과정을 시작합니다. 특별한 일이 없다면 학원에 출석하고 배운 내용을 기록하여 복습할 수 있도록 합니다. 이후 누군가 국비지원 교육을 하게 될 사람에게 참고될 수 있다 생각하여 말머리에 짧게 생각을 정리하겠습니다. 1일차 1교시 2교시에는 국비지원교육을 어떻게 진행할 것인지, 강사님 소개, 앞으로 취업 지원은 어떻게 진행되는지에 대해 설명이 있었습니다. 3교시부터는 html, css와 JavaScript에 대해서, 그리고 tag와 style을 다루는 방법에 대한 시범을 보여주셨습니다. html css에 대해서 아무런 경험이 없는 사람은 알아듣기 힘들 것이고 코드를 따라 치는 것 조차도 어려울 것입니다. 교육 시작 전에는 html css에 대해서 이것들이 무엇인가, 어떤 것들이 있는가..