놀러와요 버그의 숲

수업을 듣다가 문득 의문이 들었다. 변수는 굳이 왜 쓰는거지? 없으면 안되나? 주머니라는 개념을 통해서 대충 값을 저장한다는 정도는 알고 있었지만, 왜 쓰는지에 대한 정확한 이유를 알진 못한다. (변수를 사용하는 방법에 대해서만 알고 있지) 나는 기술이란 "어떠한 문제를 해결해 주는 툴 🔨" 이라고 생각한다. 그래서 어떤 기술과 관련된 지식을 이해할 때는 문제점을 실제로 겪어보고 이를 해결해보는 과정이 가장 효과적인 공부 방법이라고 생각한다. (이러한 문제를 겪지 않고, 바로 해결책을 쓰는 법을 배운다면, 속 빈 강정 같은 지식이라고 표현하고 싶다.) 간단히, 구글링을 해보고, 관련된 예시를 만들어보았다. 만약 여자친구와 기념일이 1000일이였다고 가정해보자. 그리고 기념일 계산을 위해 위의 예시처럼 여..

자바스크립트의 가장 중요한 역할 중 하나는 HTML 문서를 조작하는 것이다. 그래 그건 알겠어. 그런데 정확히 어떻게 조작해? 이것에 대해서 의문점을 가져본적이 없다. 그냥 태그 써서 요소를 불러왔지. (이 글은 계속 업데이트 될 예정이니 내용이 빈약하더라도..걱정 말아라) MDN 문서를 살펴보니, 어떻게 조작하는지를 알려면 DOM의 개념을 이해해야 한다고 한다. 한번 살펴보자. Introduction to the DOM The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. -> DOM 일단 그자체에서 유추해보..

간단히 이두희 대표님 특강 들은 후기와 10월 29일 배운 내용을 쓰려고 한다 ㅎㅎ 특강에서 느낀점 - 영어로 문서보는 습관을 길러야한다 (stackoverflow만 읽어버릇 해야한다) -> 근데 읽어봤는데 아직 잘 모르겠다. 지킬 수 있을지 모르겠다 -하나의 언어만 주구장창 파기 (학창시절에도 공부 못하는 애는 여러 문제집을 1단원만 끝내고 만다) -과제가 아니라, 가족,친구들이 쓸 수 있는 서비스, 놀래켜 보는 것을 목표로 공부하기 ---------------------- 배운 내용 1. 브라우저에게 text를 어떻게 그려달라는지 말해주는 것. 위 태그가 없으면 한글, 특수문자들이 깨져서 나온다 2. padding을 넓히면 box크기도 같이 커져버린다 3. line-height line-box의 높이..

퀴즈 마지막 문제가 생각보다 어려웠는데, 알고 보니까 내가 흘려들은 부분이었다. 그리고 퀴즈 검토하니까 또 틀린거 나오더라. 역시 자만하지말고 다시 검토하는 습관은 중요하다. 오늘 배운 내용 1. querySelector -> 단하나의 element를 집어올 때 용이 2. addEventListener() -> 이벤트 감지 역할 3. click 이벤트 4.mouseenter / mouseleave 이벤트 5.window 관련 이벤트 1) resize 2)copy 3)online / offline

의외로 간단한 퀴즈밖에 없어서 살짝 당황스럽고 허무했다. 근데 내일부터 예상하는데 아마 엄청난 과제들이 기다리고 있을 것 같다고 생각한다. 지금 총체적 난국이다. 휴학이냐 개강이냐 이 둘중에서도 고민이다. 그리고 지금 저녁에 무엇을 잘못먹었는지 배가 너무 아프다 ㅠㅠ 오늘 배운 내용 1. isNaN () -> number인지 아닌지 알려준다 이것을 boolean값으로 반환한다. 2. 조건문 작성 방법 if (조건적고) {조건이 참일때 실행되는 코드} else {거짓일때 실행되는 코드} 3. else if -> 조건이 거짓일 때 한가지 조건을 더 사용 할 수있게 해준다. 4. >= 그리고 && 로 표기 6. OR 연산자 => || 로 표기 7. === -> 완전히 같음을 의미 8. !== -> 다름을 의미..

지금 너무 힘들다. 내일부터 노마드코더 챌린지 시작이다! 너무 처음부터 힘빼기 싫다. 오늘은 일찍 자려고 한다. 더 이상 집중도 안되고! 오늘은 거의 함수랑 씨름하느라 시간 다 보낸거 같다. 들어도 들어도 return이 이해가 잘 안갔는데 지금은 조금 이해했다. 오늘 배운 내용 1. a**b -> a의 b제곱 2. return은 함수를 호출한쪽으로 데이터를 전달한다. 3. prompt() -> 사용자에게 입력값을 받을 수 있는 창을 띄울수 있도록 한다. 4. parseInt() -> string을 number로 변환해준다.

7월 26일부터 자바스크립트 챌린지를 한다! 너무 퀴즈도 없고 지루해서 그냥 힘들어도 신청해버렸다. 이렇게 된 이상 난 두개의 챌린지를 진행해야하는 운명에 놓인 것이다. 이거를 하느냐 못하느냐에 따라서 나의 운명이 결정될것 같다. 오늘 배운 내용 1. html 파일에서 어떻게 css와 JS를 끌어오는지 배웠다. html 파일에서 ! 누르면 기본값 세팅된다. link:css 선택하면 알아서 css파일 연결해준다. 2. Data type 두가지 문자: string 숫자: integer 3. console.log와 const의 의미에 대해서 배웠다. 4. 기본적으로 const를 사용하되, 업데이트 필요할 때는 let을 이용하자 ex) let myName="Jung" 업데이트 하구싶으면 myName = "Jun..

뭐가 이리 많을까? 아 그리고 너무 이론만 배우는 느낌이라 빨리 클론을 해보고 싶다. 약간 실전에서 적용하구 싶은데 이것저것 다양한 키워드만 배우는 느낌이라 솔직히 학습하기 조금 부담스럽다. 재미도 좀 떨어지고. 그래도 잘 견뎌보자. 지금 팥빙수 먹으면서 개발일지 쓰고있다. 이 슈퍼에서 파는 팥빙수 아는가? 나 훈련소있을때 먹고 처음이다. 훈련소에서 진짜 맛잇게 먹었는뎈ㅋㅋㅋ 설빙 저리가라였다. 오늘 배운 내용 1. position -> 위치를 움직일때나 고정시킬 때 사용 ex) div {position fixed;} -> 이거하면 스크롤 내려도 계속 상자가 보인다. 굉장히 유용하다고 생각한다. 왜냐하면 스크롤 내려도 계속 유지하게끔 하고 싶을 때가 있으니까 움직이게 만들 수도 있다. ex) {posit..

많은 우여곡절이 있었다. 다시 노마드코더로 돌아왔다. 그냥 원래 내 페이스대로 가는게 맞는거 같다. 아니 근데 배우는 내용이 너무 헷갈리고 어렵다. ㅋㅋㅋㅋ 아 진짜 멘붕이다. 나 머리 나쁜 거 같다 ㅋㅋㅋ. 아마 적응 하면 나아질 것 같은데. 아 그리고 벨로그에 글을 썼다가 너무 자동완성되는게 싫어서 다시 티스토리 블로그로 넘어왔다. 지금 어처피 나 혼자 쓸건데 굳이 개발자 전용 블로그를 쓸 필요는 없다고 생각한다. 아니 그리고 오늘 배운 내용은 무슨 강의를 세번을 들었는데 못알아먹겠다.ㅋㅋㅋㅋ 아니 이거 맞냐?ㅋㅋㅋ 배운 내용 1. CSS 라고 불리는 이유: 폭포 마냥 위에있는 코드부터 차례차례 읽기 때문 inline css : html 안에 포함 external css : html과 분리해서 작성 ..

지금까지 배운것을 바탕으로 사이트를 만들어보려고 한다. 왜냐하면 계속 강의만 듣고 진도만 나가는건 의미가 없다고 느꼈기 때문이다. 일단 연습겸 에 타이틀이랑 파비콘을 넣었다 그리고 구글,네이버에 검색할 수 있는 간단한 meta 정보도 넣었다. 또한 브라우저로 하여금 이 사이트의 언어가 한국어라고 알려주었고, 특수문자나 한글이 깨지지 않도록 charset도 설정했다. 에는 이미지를 클릭하였을 때, 나의 티스토리 블로그로 넘어가게끔 설정을 해두었다. 그리고 간단한 회원가입 느낌을 만들었는데, 아이디는 최소8자, 비밀번호, 생년월일, 파일첨부, 범위 설정 등 다양한 attribute를 사용해보았다. (만약 이 항목 중 어떤것도 설정을 안했을 시에 넘어가지 않도록 설정해놓았다.) 보잘것 없지만,, 귀엽게 봐줬으..