전체 글 182

번아웃이다. 내일부터 난 죽은 몸이다.🤪

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

📓 개발 일지 2021.07.25

자바스크립트 챌린지를 신청하다!!

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..

📓 개발 일지 2021.07.24

너무 많아서 머리 아파 ㅠ (position / pseudo selector)

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

📓 개발 일지 2021.07.23

다시 시작!!

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

📓 개발 일지 2021.07.22

복습겸 나만의 웹사이트 만들기

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

📓 개발 일지 2021.07.17

코시국엔!! 코딩과 신나는 비대면 데이트 😝

너무 배운게 많은데, 다 기억이 안나서 계속 써먹어 봐야겠다는 생각이 들었다. 어제는 약간 컨디션이 안좋아서 아무것도 생각하기 싫었다. (그래서 개발일지도 스킵해버렸다능,,,,) 오늘 배운 내용 오늘 배운 내용은 모두 안에 들어갈 내용들이다. 1. -> 정보를 제출하기 위한 대화형 코드이다. 특징: 그냥 만 있어서는 아무 작동이 되지 않는다. 과 함께 해야한다. (input은 유저로부터 데이터를 받기 위한것이다.) 또한 은 self closing tag이다. ex) -> 색을 선택할수있게 만들어준다 -> 비밀번호를 설정할 수 있게 만들어준다. 2. 속성 placeholder ->유저에게 무엇을 입력해야하는지 알려주는 용도 ex) 3. 속성 value ->입력값을 임의로 바꾸게 해준달까? ex) 4. 속성..

📓 개발 일지 2021.07.17

태그가 너무 많아서 혼란스러워~!!! 😞

오늘 진짜 집중 별로 못했다. 너무 정보도 많고 자신감도 살짝 떨어지는 날이다. 이럴때 나를 잘 다독이고, 오늘은 일보 후퇴해야겠다. 오늘 배운 내용 1. -> 컴퓨터 파일안에 있는 이미지를 넣는법 (단!vsc 같은 카테고리 안에 있어야 한다) 2. -> 브라우저에게 이건 text파일이 아니라 html 문서라고 알려준다. 이건 앞에 무조건 쓴다 3. 이 안에 있는건 모두 html 코드가 된다. 4. 웹사이트는 head 와 body로 나뉜다. ex) 모든 content 내용 -> 이거하면 위에 상단에 링크 제목을 수정할 수 있다. 5. meta 태그 -> 부가적인 정보를 뜻한다. meta 태그는 self closing tag이다 두개의 attribute가 있다 content 와 name으로 나뉜다. ex)..

📓 개발 일지 2021.07.15

링크를 달아보자!!

우선 나의 감정을 말해본다면 코딩의 짜릿함을 느꼈다. 나 혼자 그냥 이렇게 해보면 어떨까 싶었는데 구현이 되어서 놀랐다. 약간 이런 짜릿함에 코딩을 하는 것이 아닐까 싶다. 내가 원하는 것이 구현 될때 너무 보람차다 약간 이게 되네??! 이런느낌쓰!! 오늘 배운 내용 1. 내용 -> 링크를 만들어준다 여기서 a는 anchor를 뜻하며, 그냥 링크를 하는 태그라고 생각하면 편하다 근데 그냥 만 태그하면 아무것도 이루어지지 않는다. 왜냐하면 링크인건 알지만 어디로 가야하는지에 대한 정보를 브라우저가 모르기 때문이다. 그래서 tag에 부가적인 정보를 주어야 하는데 그것을 attribute (속성)이라고 한다. 여기서 우리는 href 라는 속성을 사용해줄 것이다. 문득 궁금해진점은 이런 문법은 마치 정해져잇는것..

📓 개발 일지 2021.07.15

노마드 코더로 갈아타다!! (2021년 7월 14일 수)

우연치않게 노마드 코더라는 분을 알게 되었고, 운영하시는 사이트에 들어가서 보니까, 커리큘럼이 되게 좋았다. 근데 챌린지들이 다 지나있어서 좀 아쉽긴 했는데, 괜찮다. 마음 조급할 필요 없다. 설명을 다른 강의들보다 엄청 잘하신다. 그리고 약간 호기심을 갖게? 하는것 같다. 약간 다른 강의는 바로 문법에 들어가는 느낌이었다면, 이분 강의는 약간 왜 이걸해야하는지 알려주는 느낌? 배운 내용 1. 웹사이트 = text 파일이다! 조금 충격이었다. 나는 무슨 사이트를 만드는 툴이나, 그런게 있을 줄 알았는데, 진짜 문자의 배열이였다. 그리고 이 문자의 배열들이 웹 사이트를 만든다는게 너무 신기했다. 그냥 코드일뿐인데 프린트하면 외계어이지만 브라우저에 적용하면 이것이 사이트가 된다니! 2. html -> 뼈대 ..

📓 개발 일지 2021.07.14

아이코 변수가 생겼네!! (2021.7.13 화)

오늘은 변수라는 것에 대해서 처음 알았다. 아니 근데 용어가 너무 낯설다???!! 변수 / 선언 / 할당 이게 다 뭐람?? 내가 평소 쓰는 용어랑 다른 느낌이기도 하다. 변수로 작용했다? 이런건 많이 들어봤지. 오늘 배운 내용은 1. let -> 변수를 선언할때 사용 2. const -> let 과 유사하지만, 다시 할당할 일이 없을 때 사용 문득 공부하면서 예제? 같은게 있으면 좋겠다는 생각이든다. 너무 강의가 설명만 해서, 내가 적용할 수 있는 무언가가 없고, 그냥 이론만 배우는 느낌? 굉장히 공허하다. 이건 내가 처음에 목표했던 것과는 거리가 멀다. 어떻게든 예제를 만들어야 겠다는 생각을 했다. 내가 직접 찾아 본 결과 용어는 다음 뜻과 같았다. 변수: 데이터를 담기 위한 메모리 공간 => 그릇/ ..

📓 개발 일지 2021.07.13