Land of Joe

구구단 만들기 // html // javascript function cal () { var num = parseInt(document.getElementById("num").value) var result = num * (index+1) document.getElementById("result" + (index+1)).innerHTML = result } 위 방식의 한계는 구구단이 아니라 더 큰 숫자까지 만들고 싶으면 html을 하나하나 다시 뜯어고쳐야한다는 점이다. // html // javascript function calc () { var number = parseInt(document.getElementById('num').value); for (var index = 0; index < 9; ..

저저번 주에 걸린 감기 때문에 저번주 수업은 못하고 이번주에야 3주차 수업을 했다. 2주차 수업의 과제는 html과 css만을 이용한 유튜브 웹사이트 클론코딩이었는데 개선해야할 부분들이 참 많았지만 그것에 대한 리뷰는 새로운 글로 남기도록 하고.. [ JavaScript ] 1. 자바스크립트: 이벤트를 달아주는 언어 ㄴ 이벤트: 유저의 행동에 따라 변화를 주는 로직 2. js의 특징 html, css와 다르게 수학적인 로직 필요 에러, 버그 존재 최근 매우 각광받는 언어임 3. 디자인패턴 : 단순히 코드를 작성하는 방식 (문법, 기술 아님) : 함수형 프로그래밍 방식, 객체형 프로그래밍 방식 함수를 위주로 사용(신흥) vs 객체를 위주로 사용(고전) 구글링 했을 때 class로 적혀있는 건 과감히 패스할..

[ CSS ] 1. font-size (기본값: 16px;) 2. font-weight (기본값: 200;) ㄴ 사파리에선 모든 굵기가 적용되나/ 크롬에선 200, 400, 600만 적용 가능 3. display: block, inline, inline-block, none, flex 의 display 속성은 block, 의 display 속성은 inline ( 알고보니 ,의 태그적 특징이 아니라, 각 태그가 기본으로 가진 display 속성일 뿐이었다~~! 태그의 display 속성이 inline인 것처럼 ) inline속성은 width를 바꿀 수 없다 ⇒ inline-block을 사용한다!!! 4. position: static(기본값), relative, fixed, absolute relative..

학원에 다니기 시작했다. 학교 근처에 있는 작은 학원이다. 이 학원을 선택하기까지 많은 고민과 어려움이 있었다면 있었고, 어찌보면 큰 의심 없이 확신을 갖고 한 선택이기도 하다. 학원에 대한 믿음보다는 나자신에 대한 확신이라고 해야 더 정확할 것 같다. 졸업유예생임에도 불구하고 학교 기숙사에 합격해서, 기숙사 생활의 불편함을 감수하고, 학교 근처 학원에 다니며 공부에 집중할 수 있겠다는 자신감이 있었다. (사실 그렇게 쉬운 결정은 아니었다. 주변 사람들에게 여기저기 물어보고, 부모님을 설득하고, 혼자 질질짜고..) 그렇게 해서 다니게 된 학원의 개강날이었다. 정말 개강날을 손꼽아 기다렸던 것 같다. 하루라도 빨리 많이 배우고 싶었다. 이렇게 설레어 하며 기다렸던 시간들을 마음에 새기고 앞으로 매 수업이 ..

command j 터미널 열었다 닫았다 move to a new file 하고 싶은 부분을 전체 드래그 후 command . 누르고 클릭하면 자동으로 파일을 분리시켜 준다. (import 코드는 덤) 개쩐다!! npm run build를 통해 배포까지 완료해야한다.

8월 26일 토요일 19시 ~ 22시 달려보자구!! a태그와 달리 Link를 사용하면 리로드가 되지않는 장점이있고,한번 다운로드 받은 페이지는 로컬 브라우저의 캐시에 저장해줌 next-app 만들고 npx create-next-app@latest .-> npm run dev (개발환경세팅 완료)-> 기존설정 지우려면 page.js에 있는 기본코드 다 지워. -> layout.js에 있는 불필요한 거 지워 ->global.css안에있는 기존디자인 다 밀어버려 -> pgae.js가 랜더링한 결과를 layout.js가 children으로 받아서 보여줌 -> layout.js에 있는 metadata안에 있는 title 바꾸면 페이지 이름 바꿔짐 -> nextjs에선 a 태그 대신 Link태그 사용 -> 서버랑 ..