우당탕탕 개발일지

요즘 공부한 개념이 하도 많아서 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열의 끝에 태그를 사용해서 사이간에 간격을 주었다. 내가 겪은 문제 이미지를 원본 보다 작게 축소하여 원..

오늘은 어제에 이어서 복습을 진행한다.... - 구글폰트를 사용하는 방법 1. https://fonts.google.com/?subset=korean 구글 폰트 사이트에 접속을 한다. 2. 마음에 드는 폰트를 고르고 스크롤을 조금 내리면 Select Regular400을 클릭하여 @import에 적혀있는 코드를 복사한다. 3. 아래와 같이 @import에서 복사한 코드를 태그 아래에 붙여넣기 해준다. (폰트를 가져오는 부분이라고 생각한다!) @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap'); 4. 3을 진행했다면 모든 텍스트에 적용을 하자! * { font-family: 'Nanum Pen Script..

오늘은 딱히 공부한 것을 정리하기도 싫다.... JQuery연습과 Fetch? 사용에 대해서 연습을 했는데... 강의 영상을 봐도 대체 뭐가 뭔지 이해가 안가고... 뭔가에 쫓기듯이 하는 것 같아서 부담스럽다... 그래서 그냥 이런게 있구나 하고 코드도 따라 쳐보고 이것저것 하다가 마지막 숙제 파일이 있길래 봤더니 '와 이건 진짜 답도 없다... 아무것도 기억이 안난다' 싶어서 다시 1주 차로 돌아가서 기본적인 HTML와 CSS 사용법을 복습했다... HTML 기초 태그(Tag) - 구역을 나누는 태그 1. : 구역을 나눠준다. 나는 구역을 나누죠 2. : 문단을 나눠준다. 나는 문단이에요 3. , : 얘넨 대체 뭔지 모르겠다... 나중에 다시 읽다가 알게되면 수정해야지 bullet point!1 bul..