천 줄 코딩도 한 삽질 부터

오랜만에 글을 쓰네요 드디어 애증의 운전면허도 끝났고, 코로나 확진자는 1000명을 넘어서 알바를 제외하고는 집 밖에 나갈일이 없는 요즘.. 집중하기 좋은 것 같네요 강의 코스 따라가다가 HTML 요소들을 JavaScript로 받아올때 바로 나오지가 않아서 정리할 겸 조금 적어봅니다 먼저 예시용 HTML파일입니다. work it harder, make it better querySelector() querySelector()는 HTML문서에서 일치하는 첫 번째 태그를 객체로 가져옵니다. 클래스 역시 가져올 수 있습니다. let title = document.querySelector("#title"); 태그 뿐만 아니라 클래스도 가져올 수 있습니다. addEventListener() addEventList..

JavaScript MDN에선 이렇게 정의합니다. JavaScript가 뭔가요? MDN의 JavaScript 초급자 과정에 오신 걸 환영합니다! 이 글은 JavaScript를 넓게 보면서 "뭔가요?", "뭘 하나요?"와 같은 질문을 답변하고, 여러분이 JavaScript에 친숙해지도록 도와드립니다. developer.mozilla.org "자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어입니다." 흔히들 HTML, CSS, JS를 비유할 때 사용하는 상투적인 표현으로 HTML - 뼈대 CSS - 디자인 JavaScript - 움직임 이렇게 비유를 하는데.. HTML과 C..

전역.. 해버렸다 안녕하세요. 프론트엔드 개발자를 꿈꾸며 공부를 시작하는 학생입니다. 알파고가 이름 날리던 고3시절.. 인문계였지만 컴퓨터공학과에 덜컥 들어와 여러 이유로 공부를 피하며 동아리 생활만 하다가 군대로 도망(?)갔습니다. 그리고.. 정말 운이 좋게도 해군 정보보호병으로 상황실에서 근무를 하게 되었습니다. 21개월 동안 보안관련 침해 사고 분석 및 대응, 보안 관제, 네트워크 장비 관리를 하며 그동안 피했던 컴퓨터와 그나마 친해지기 시작했는데요. (사실 복무하면서 컴공과 맞냐는 이야기를 정말 많이 들었습니다..) 컴퓨터공학과 - IT계열이라고 해서 마냥 장땡은 아니더라구요! 정보보안, 웹, 시스템, 인공지능, 머신러닝, 데이터처리, 네트워크 등등등.. 분야가 정말 많았습니다. '나한테 맞는게 ..

JS 시작! HTML이 웹 페이지의 기본 구조를 담당하고, CSS는 디자인을 담당한다면 JavaScript는 웹 페이지를 움직이게 한다(클라이언트 단에서는) 드디어 나의 페이지도 움직이는건가?! 오늘은 자바스크립트의 데이터 타입과 연산자, 조건문, 배열에 대해 공부했다 이전에 파이썬을 공부했기 때문에, 어렵게 다가오는 개념, 문법들은 아니었지만 자바스크립트만(?)의 그것이 있는 것 같다 몇가지 기록해두자면 '같다'의 의미로 타 언어에서는 '=='를 사용하지만 자바스크립트는 '==='를 사용한다'! 물론, '==' 도 있다. 비슷한 기능을 하나, 자바스크립트에서, ==는 데이터 타입이 달라도 바꾸어 비교하기 때문! 그래서 1 == '1' 요런것도 true라고 나온다... 우리가 아는, 자료형까지 비교해주는..

HTML에서 div와 nav 태그의 차이 div : division. 구획 나누는데에 그 목적이 있지만 nav: navigation. 링크등으로 연결하는데에 그 목적이 있음 CSS에서 클래스 불러올때 띄어쓰기 꼭 해야함 header.logo (x) header .logo (o) 파이썬이랑 헷갈리면 안됨 *항상 무언가를 하려고 하면 그것에 대한 이유, 근거를 생각할 것 궁금한 것이 있어도 선 검색 후 질문 - 우리의 답은 구글에 이 최소한의 질문 예의 - 용진이형, 이중사님, 병규형 - 주말안에 HTML&CSS 과제 다 끝내기

CSS 배운지 오래돼서 다시 첨부터 시작 웹 페이지의 뼈대가 HTML이라면, CSS는 알록달록 디자인 HTML의 클래스만 따로 불러서 디자인 지정 가능하고 이 방식으로 작업 한다 컴퓨터로 사용하는 것들은 대부분 의미하는 것이 비슷비슷함 자식노드 사용시 > 사용 형제노드 사용시 + 사용 특정 태그의 전체 사용시 * 사용 폰트 지정시 컴퓨터에 해당 폰트가 없는 경우가 있을 수 있음 -> 웹 폰트로 데리고 온다 : 구글API 추천 font-weight요소로 글자 크기 지정 가능 italic : 기울여쓰기 color 요소로 색 지정 가능 rgb(0,0,0); 혹은 #FF0000; opacity : 불투명도 지정 가능

패캠 HTML 실습 과제 완료! (포트폴리오 페이지 뼈대 만들기) label, select, button, option, textarea 등 다양한 form을 이용하여 다양한 기능 구현하고 img, a 태그 이용하여 링크 및 이미지 불러오기 css 강의 수강 시작 css는 웹을 꾸민다! .html 파일에 직접 넣어 사용할 수도 있지만 .css 파일을 따로 분리하여 연동시킨다!

패스트캠퍼스 코딩 첫걸음 프로젝트 2차시 : 웹 사이트 뼈대 만들기(HTML) 강의 들음 HTML을 이용한 웹 사이트 구조 구축하는 법 tag table - 잘 사용 안하지만 그래도 inline 요소와 block level 요소 semantic tag form

오늘 한 것 기술 블로그 만듬(이거) 깃헙 계정 만듬 패스트캠퍼스 코딩 시작 강의 확인 열심히 살자 이제는 도망갈 곳 없다