Land of Joe

저저번 주에 걸린 감기 때문에 저번주 수업은 못하고 이번주에야 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태그 사용 -> 서버랑 ..

8월 5일 토요일 22시. 프론트엔드 사람들끼리 모여 디스코드 회의를 진행했다. 주말 밤에 모인 이유는 데모데이를 위한 프론트엔드 시연 영상 녹화를 제출해야하기 때문. 각자 진행상황을 공유하고 오류나 질문, 상의할 내용 등을 나누었다. 나는 다른 팀원분이 navigate를 이용해서 헤더를 만들어주셨다고 말을 전해들었는데 이해를 못해서 이용을 안 하고 다른 방법을 사용하고 있던 터라 그것에 대한 질문을 하고.. 네아로(네이버 아이디로 로그인하기) 어렵습니다.....안 되네요.... 얘기하고. 팀원분들 중 한 분은 최근 검색어 기능 구현 과정에서 고민거리가 있다고 하셨다. 검색창에 검색어를 입력하고 submit(엔터라고 생각하면 쉬울 듯)을 안 하면 submit 받은 데이터가 없어서 어떻게 최근 검색어로 남..

이런 걸 만들게 되었다. 이거 직접 하나하나 만들어야하는 거 실화인가..? 정말??? 이러고 혼자 계속 부정하면서 미루고 미루면서 가져올 수 있는 형식(?) 있는지 구글링하는데 아무 것도 안 나와서 울면서 만들기 시작했다. 디테일을 보자면 ... 1. 이용약관 전문 페이지 > - 동그라미로 리스트화: div 태그 안에 li 태그 사용하면 됨 - 들여쓰기: li 태그 안에 text-indent: 1em 사용함 2. 개인정보 수집 및 동의 전문 페이지 > - 표가 네 개 있음 - 표 아래에 구분선(border-bottom)이 있음 - 네 개의 표 모두 비슷한 모양 (회색 제목 칸, 흰색 내용 칸) [ 회색 제목 칸 ] : 표1,2는 회색 제목 칸이 하나만 있으므로 GrayBox로 공통 사용 : 표3,4는 회..