일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- scss
- 패스트캠퍼스
- 벨로퍼트
- Argument
- 매개변수
- Node Sass version 5.0.0 is incompatible with ^4.0.0.
- yarn
- 프론트엔드
- NPM
- 전달인자
- 훅
- 42서울 온라인 테스트
- ReactHooks
- Til
- javascript
- SASS
- Firebase
- js
- 해군
- 열심히하자준희야
- hooks
- fastcampus
- 리액트
- css
- 42서울후기
- Stack Data Structure
- 정보보호병
- Front-end
- 42서울
- React
- Today
- Total
목록js (3)
천 줄 코딩도 한 삽질 부터
패캠 강의를 수강하면서 나온 결과물, 제 첫 웹사이트에 대해 포스팅합니다. 사실 만든지는 조금 됐는데, 더 늦어지기 전에 기록을 남겨두어야 할 것 같아서 이제 적게 되네요 헤헤.. (벌써 코드가 가물가물해질라 하는) html 요소를 기준으로 설명하면, header부분에는 사진들 보기, 사진 올리기, 내 정보 기능이 있습니다 사진들 보기는 현재 보고있는 페이지이며, 기본적으로 스토라지에 있는 모든 사진들을 표시합니다(aside에서의 default값은 전체 사진입니다) 각 사진마다 있는 하트 속의 숫자는 그 사진이 가진 좋아요를 나타낸다. 좋아요 순 보기를 클릭하면 숫자가 큰 순서대로 정렬됩니다. 인스타그램처럼 하트를 클릭하면 불이 들어오는 '좋아요' 기능입니다. 좋아요 한 사진을 클릭하면 하트가 올라와있는..
오랜만에 글을 쓰네요 드디어 애증의 운전면허도 끝났고, 코로나 확진자는 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..