우당탕탕 개발일지

오늘도 여러가지를 했지만 기억에 남는 것을 끄적여본다. DOM API를 통해서 브라우저 console창에서 제어가 가능했다. 사용한 것 1. const newDiv = document.createElement('div'); : document에 div속성을 만들겠다고 얘기한다. 2. document.body.append(newDiv); : body에 newDiv태그를 추가한다. 3. let newDiv = document.createElement('div'); 4. document.querySelector('ul').children[1].innerText = '변경한 두 번째 메뉴' 5. document.querySelector('ul').children[2].innerText = '변경한 세 번째 메뉴..

오늘 공부한 것, 배운 것, 해결한 것, 회고 etc.... 오늘 부터 알고리즘 코드 카타 세션 및 매일 오전 1시간 씩 알고리즘 문제를 푸는 시간을 맞이해버렸다... - 두 수의 차 구하기 - 내가 생각해본 것 - a라는 변수에 num1 - num2의 값을 할당해서 answer에 복사해버리면 되지 않을까? 결과: 실패.... 문제 해결 1. vs 터미널에서 확인을 했을 때는 undefined를 출력을 했다. 왜 문제가 생기지..? 생각을 해봤지만 도저히 생각이 나질 않아서 튜터님께 질문을 했다. 문제는 var answer에 a를 할당을 했는데 a가 없다... answer의 뒤에 a가 있으니.... 당연 값이 없겠지... 바보 같이 생각이 너무 짧았다. answer와 a의 위치를 바꿔주고 다시 한번 테스..

요즘 공부한 개념이 하도 많아서 TIL작성시간에 너무 많은 시간은 소모당하고 있다. 정리하기 너무 어려운 개념들이고 내가 이해를 못한 부분이 많아서 사실 공부하면서 요약한 내용이나 강의 자료를 많이 참고 하는 편인데, 내가 공부한 내용을 다 정리하고 싶지만 너무 오래 걸리기 때문에 그렇게는 이제 하지는 못할 것 같다... 안하는 것 보다는 꾸준히 하는 것이 중요하니까 천천히 개선해나가야겠다. 시간은 많으...니까...? 아마도... 오늘도 여전히 엄청난 내용들을 학습을 했기 때문에 TIL로 정리를 하려면 아마 두시간 이상은 쓰겠지! 오늘은 학습한 것 보다 정말로 배운 것을 쓰면서 개발자 마인드를 심어야겠다. 오늘은 학습법 특강이 있었다. 특강 내용: 개발자가 되기 위해 어떻게 공부를 해야하고, 어떻게 접..

오늘 배우고, 해결하고, 느낀 것들. 1. 반복문(for, for~in, while, do~ while, contiue, break) 1-1. for문 - for문의 기본형태 for(초기값; 조건식; 증감식) {...} ex) for(let i = 0; i < 10; i++) { console.log(i); } // i라는 변수는 0부터 시작한다. // i라는 변수가 10에 도달하기 전까지 계속한다. // i라는 변수는 한 사이클이 돌고나면 1을 더한다. 10보다 작을 때까지 반복을 한다고 했으니 결과 값은 10을 제외한 0~9까지가 출력이 된다. 새롭게 배운 for 반복문의 사용 예시) 0 ~ 10 사이의 숫자 중 2의 배수만 출력을 하시오 for 반복문을 사용하는 방법은 배웠지만 2의 배수는 어떻게 ..

오늘 배운 것들 1. 어제에 이은 자료형의 종류와 자료형 변환 - 숫자형(Number), 문자형(String), 논리형(Boolean) 1-1. 숫자형 - 정수, 실수(float, ex) 3.14), 지수형(exp, ex) 2.5e5 = 2.5 * 10^5), - NaN(Not A Number): 숫자가 아닌 것을 변환할 때 나타나는 현상이다. - 무한대, -무한대(infinity, -infinity) 무한대 ex) let num5 = 1 / 0; -무한대 ex) let num6 = -1 / 0; 1-2. 문자형 - 문자형은 String(문자열 = 문자의 나열)이라고 하며, 작은따옴표(' ')나 큰 따옴표(" ")로 감싸주면 문자형이 된다. let str = "Hello World"; - 문자열의 길이를..

오늘은 미니 프로젝트 발표회와 프로젝트에 대한 팀 회고 및 특강으로 크게 학습한 내용은 없지만 끄적거려본다. 주의: 정확하지 않을 수 있음 JavaScript 문법 종합반 강의를 보면서 내가 배운것. - 변수의 5가지 주요 개념 - 1. 변수 이름: 저장된 값의 고유 이름 2. 변수 값: 변수에 저장된 값 3. 변수 할당: 변수에 값을 저장하는 행위 4. 변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위 5. 변수 참조: 변수에 할당 된 값을 읽어오는 것 - 할당과 참조가 항상 헷갈렸는데 이번 기회에 할당과 참조에 대한 확실한 개념을 배울 수 있었다! 앞으로는 있어보이게 배운 용어들을 사용해야겠다. - 변수를 선언할 수 있는 3가지 방법 - 1. var 2. let 3. const ex) var m..

오늘은 너무 힘들고 지치는 하루니까 회고록이나 한편 써야겠다... 오늘 내가 겪은 사건 사고들 1. 같은 듯 다른 듯 거시기한 문제들에 연속적인 헤딩으로 멘탈 1차 붕괴 2. git 사용 미숙으로 인한 (add, commit, pull, push) 충돌 현상의 멘탈 연속 2차 붕괴 3. 완성한 프로젝트 파일이 뒤엉켜 고생해서 만든 파일들이 다 꼬여버리는 괴기한 사태 발생 4. 혹시나 모를 상황에 대비한 새로운 페이지 생성 . . . . 멘 * 탈 * 대 * 폭 * 발 사건 사고에서 내가 오늘 배운 것들.... 개인적인 견해가 굉장히 많이 포함되어 있음 1. 지속적인 소통과 업무 분담의 중요성 - 되돌아보니 프로젝트에 대해 많은 이야기를 나눴지만 뒤돌아보니 제대로 된 역할 분담이 이루어지지 않았다.... ..

본 캠프가 시작된지 벌써 일주일이 되어간다. 우리 팀이 준비해야하는 미니 프로젝트는 하루를 남겨두고 있다.... 오늘 내가 한 것 1. 사용 중인 VS에 git을 설치하고, 터미널을 통해서 git허브에 연동시키는 것을 배웠다. 2. 팀 소개 페이지의 사원증(?)을 누르면 나오는 팀원 상세 페이지안에 장점에 글을 넣었다. 3. 조원의 분의 도움으로 사원증(?), 사원증(?)을 누르면 나오는 팀원 상세 페이지를 페이지에 삽입하였다. 일단 오늘의 작품 - 자세히 보이지는 않지만 body에 boder 속성을 주어 전단지 느낌이 나게 한번 만들어 봤다.(빈 창은 좀 밋밋했고 뭔가 좋은 방법이 없을까 하다가 고안해낸 전단지 방법이다.) border: 5px solid black; border-radius: 5px;..

오늘은 어제에 이어 만들던 페이지를 마저 만들었다. 하지만 태그로 묶여있는 녀석들을 어떻게 옮겨야할지 도대체 답이 안나와서 고민 끝에 아예 다른 페이지를 만들었다. 내가 오늘 한 작업 1. 부트스트랩을 이용하여 헤더를 새롭게 달아 주었고 헤더의 첫부분의 컬러를 바꾸고, 위치를 오른쪽으로 옮겼다. 2. 사진에 border 속성과 box-shdow 속성을 사용하여 사진의 모서리 부분을 꾸며주었다. 3. 부트스트랩을 이용하여 박스를 넣어준 후, 사진을 삽입하고, 글씨 부분을 letter-spacing을 사용하여 글자 사이에 간격을 주었다. 4. 대문 사진과 박스 사이에 버튼을 삽입 후 토글 기능을 부여했다. 5. 부스스트랩을 이용하여 정보를 입력할 수 있는 박스를 넣어주었다. 6. 박스 아래의 버튼의 위치를 ..

1달 동안의 사전 캠프가 끝나고 드디어 본캠프에 들어왔다. 오늘부터 미니프로젝트를 시작하게 되었는데 캐릭터로만 분들과 함께 얼굴을 보면서 이야기도 나누고 프로젝트에 대한 이야기도 나누면서 즐거운 공부를 했다. 우리는 일단 S.A를 토대로 서로서로가 다음 날 까지 한번 메인 페이지를 만들어 보기로 했다. 오늘한 작업 1. 태그를 사용하여 본제목을 달아주었다. 2. 을 통해 본문에 이미지를 삽입하였다. 3. 부트스트랩을 사용하여 '입사지원' 버튼을 생성하였다. 4. css를 사용하기 위해 필요한 태그에 class를 지정하여 style을 적용시켜주었다. 5. , 태그를 사용하여 내용을 추가해주었고 1열과 2열의 끝에 태그를 사용해서 사이간에 간격을 주었다. 내가 겪은 문제 이미지를 원본 보다 작게 축소하여 원..