코린이 성장일기

중간 보고 양식(월~금요일)TO-DO LIST : 오늘의 할 일 작성배운 내용 요약 정리 : 강의 수강 후 배운 내용을 나만의 방식으로 정리  일일 보고 양식(중간 보고에 이어서 작성)부족한 점 : 실습, 학습시 느꼈던 부족한 점스스로 시도해본 것들 : 부족한 점에 대한 대안 검색 및 배운 내용 응용해결 내용 : 협업(정기 팀회의, 동기 스터디)을 통해 논의 후 해결알게된 점헷갈리거나 실수한 점회고 : 하루 일과 후 느낀 감정 간략하게  주간 보고 양식(토요일)이번 주 목표 달성 여부 및 다음 주 목표 설정부족한 점 : 실습, 학습시 느꼈던 부족한 점스스로 시도해본 것들 : 부족한 점에 대한 대안 검색 및 배운 내용 응용해결 내용 : 협업(정기 팀회의, 동기 스터디)을 통해 논의 후 해결알게된 점헷갈리거..

TO-DO LIST : JavaScript 응용 및 wordle 챌린지 제작배운 내용 요약 정리 :    - setInterval(함수명, 반복주기ms, 매개변수1 ...) : 주기적으로 함수를 호출하는 기능 / 반복주기를 1000넣으면 1초마다 반복          - setTimeout(함수명, 호출할 타이머) / 1회성 호출, 호출할 타이머 시간 후에 호출 되고 끝          - Date() 객체 // getDate (날짜) , getDay(요일, 숫자로 0부터 일요일), getSeconds, getMinutes, getHours 등등         시간 설정 : new Date().getHours().toString().padStart(2,"0") // String.padStart(표시할 자..

이번 주 목표 달성 여부 및 다음 주 목표 설정 : 이번주는 목표한 강의를 모두 수강하였고 HTML과 CSS, JavaScript 기초에 대하여 학습하였다. 다음주에는 wordle 챌린지를 구현하며 조금더 기초적인 부분을 다질 예정이다. 부족한 점 : HTML과 CSS, JavaScript 모두 처음 접해보는 언어라 어려운 부분이 있었지만 그동안 배웠던 프로그래밍 언어과 비슷한 점이 많아 습득하는데 오래걸리지는 않았다. 스스로 시도해본 것들 : 당근마켓 클론코딩에서 hover 애니메이션 등에 대해 많지는 않지만 구현해 보았으며, CSS 부분도 다양한 스타일들을 적용해보며 실습해보았다. 알게된 점 : JavaScript를 통해 HTML과 CSS에 접근하여 수정과 추가 삭제 등을 할 수 있다는 것을 알게 되..

TO-DO LIST : JavaScript 기초 학습(변수, 함수, 조건문, 반복문, JavaScript이용 HTML 제어)배운 내용 요약 정리 : - JavaScript의 변수 선언, 함수 선언, 접근 등을 학습- 조건문(if, else) 및 반복문(for)문에 대해 학습- document.getElementById() 및 document.querySelector() 를 이용하여 요소를 선택하고 eventListener를 통해 제어하는 방법 학습             #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring

TO-DO LIST : 웹페이지 클론 코딩 및 작성한 HTML 웹페이지를 github를 통해 배포하고 관리하는 방법 학습배운 내용 요약 정리 : - 당근마켓 클론코딩 마무리 (HTML 태그 사용법 학습 등)- github desktop 설치 및 사용방법 - github에 배포한뒤 branch 관리 방법 학습            #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring

TO-DO LIST : CSS 애니메이션 및 당근마켓 클론 코딩배운 내용 요약 정리 : - color picker 확장 프로그램을 이용한 색상 추출- hover 액션을 통해 마우스를 올려놓을 시 색상 변경하는 CSS 작성- transition 및 keyframe을 통해 요소들에 애니메이션을 추가  #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring

TO-DO LIST : 신입연수원 Day2 강의 수강 및 과제 수행배운 내용 요약 정리 : HTML CSS를 이용하여 요소의 디자인과 배치 등에 대하여 학습하였다.버튼과 div 등 기본적인 HTML 요소와 그 요소들을 꾸미는 CSS에 대해서 학습하였다.각 요소에 class/id를 할당하여 class/id를 가져와서 style을 지정하고 여러가지 스타일의 요소에 대해서 학습하였다.            #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring

head 태그는 메타데이터를 저장하고 있는 태그 부분으로,주로 제목, 문자집합, 스타일, 스크립트, 기타 메타정보를 정의하는데 쓰인다.화면에 표시되지는 않는다.title : 제목 표시style : 스타일링 하는 부분. 문서가 길어질수록 style 부분도 길어지기 때문에 link태그를 통해 따로 css 파일을 링크시키는 것이 권장된다.link : 외부 리소스와의 관계를 저장하고 연결시키는 역할. 외부 라이브러리나 font 등을 연결하여 사용할 수 있음.meta : 사용된 문자의 집합(charset), 키워드, 페이지 설명, 작성자 등을 정의하는 데 사용된다.script : 자바스크립트를 사용하기 위해 태그가 사용된다. 보통 script src="스크립트 주소"를 통해 연결하여 사용한다.   Semantic..