빡공13 2024.06.24(월) 슈퍼코딩 부트캠프 신입연수원 week2 Day1 일일보고 - 28강 ~31강 강의듣기- 일일보고 작성하기 28. JavaScript 응용 2 - 시간과 문자열 >> 자바스크립트 알아둘 것- 자바스트립트는 한줄이 끝날때마다 세미콜론을 붙여야 함- 자바스크립트를 html과 연결할 때 작성하는 script는 태그 내에 마지막 줄에 둘기 >> 타이머 만들기를 할건데 이를 위해 web API를 사용해야 함- setInterval = 주기적으로 호출- setTimeout = 일정시간 이후에 한번 호출 *웹 API 실습코드function sayHello() { console.log("안녕하세요!!");}// // 주기적으로 호출해줌(주기성)// setInterval(sayHello, 1000);// // 1초마다 sayHello 함수 호출 됨(이때 단위는 ms라서 1초.. 2024. 6. 23. 슈퍼코딩 웹개발 부트캠프 1주차 신입연수원 후기 - 이번주 목표 달성 여부 -> 성공- 다음주 목표 설정 -> 이번주의 경우 성공은 하였으나 계획한 것보다 시간소요가 많이 되었다. -> 다음주는 조금 더 속도를 내서 할 수 있도록 해야겠다. >> 효율적인 시간 관리- 나의 경우에는 오전일과가 있기때문에 틈틈히 공부를 하고 있는데 코딩의 특성 상 하고 있다가 흐름이 끊기면 다시 흐름을 잡는데 시간이 걸리는 것 같다.- 아직 지금 배운 언어들이 익숙하지 않아서 더 그런 것 같은데 익숙해지도록 많이 노력해야겠다. >> 부족한 점 / 스스로 시도해본 것들- 우선 현재는 프론트엔드에 대해서 배우고 있는데 앱개발을 프론트엔드로 살짝 해본 적이 있어서 조금은 익숙한 부분들이었다.- 그래서 강의를 들으면서 우선적으로 혼자 구현을 해보고 추가적으로 강의를 들으며 나.. 2024. 6. 23. 2024.06.21(금) 슈퍼코딩 부트캠프 신입연수원 week1 Day5 일일보고 - 23강 ~ 27강 듣기- 일일보고 작성하기 23. Big Picture >> 궁극적 목표 = wordle 게임 만들기 ! 24. JavaScript 이해하기 >> 자바스크립트란?- 프론트엔드에 동적인 요소를 추가하는 것- 사용자 입력에 댛나 처리 담당(이벤트 처리)- 백엔드와 데이터 주고 받는 등의 역할 >> 장점- 다양한 분야에 활용 가능- 별도 설치 없이도 브라우저만 있다면 사용 가능- 프론트엔드 개발자라면 필수- 웹사이트를 다이나믹하게 만들어 줌25. JavaScript 문법1- 변수, 객체>> 자바스크립트 셋팅법- body 내에 script 치고 src에 js 파일 연결시켜주기 >> 변수- 중복되는 코드들을 효과적으로 재사용하기 위해서 변수를 선언해서 사용해야 함- const = 선언 후 바꿀.. 2024. 6. 23. 2024.06.20(목) 슈퍼코딩 부트캠프 신입연수원 week1 Day4 일일보고 - 19강 ~ 22강 듣기- 일일보고 적기 19. 클론코딩(당근마켓)-2>> 이번 강의에서는 footer 부분 만들기- justify-content:space-evenly; = 화면을 키워도 반응형으로 변화함 (center로 하면 화면을 키우면 그냥 중앙에만 몰려있음)- 폰트 적용하는 법 -> https://github.com/orioncactus/pretendard에 접속해서 html 링크 복사 후 내 코드에 link 이용해서 연결 -> 폰트 코드 복붙(내가 한건 font-familiy)해서 내 코드에 link로 연결 -> 그러면 끝 ! *실행화면 20. 클론코딩(당근마켓) - 3>> main 부분 만들기- 메인은 상품당 하나씩 큰 블럭이 있고 그 안에 이미지 블럭과 설명 블럭으로 해서 또 나누어진다.. 2024. 6. 22. 2024.06.21(수) 슈퍼코딩 부트캠프 신입연수원 week1 Day3 일일보고 - 16강 ~18강 듣기- 일일보고 작성하기 16. CSS 응용 - 컬러와 애니메이션 >> CSS에서 color 쓰는 법- 크롬에서 확장앱 설치(나의 경우에는 Amazing color picker를 설치함)- 확장앱을 통해 추출한 rgb나 hex를 이용하면 됨 * index.html 실습코드 * style.css 실습코드:root { --main-color: rgb(52, 152, 218); --sub-color: rgb(252, 111, 62);}/* rgb, hex 값으로 색을 지정해도 되지만 보통은 ':root'를 통해 변수로 지정해줌 */div { width: 100px; height: 100px; background-color: var(--main-color); .. 2024. 6. 21. 2024.06.19(화) 슈퍼코딩 부트캠프 신입연수원 week1 Day 2 일일보고 - 11 ~ 15강 강의 듣기- 일일 보고 작성하기 11. HTML로 간단한 회원가입 페이지 만들기 - 슈퍼코딩의 로그인 화면을 HTML로 간단히 따라 만들어보기 >> input 태그- id 속성 = 이는 label 태그와 연결되어 사용될때 필요하다.- placeholder 속성 = input 칸 안에 글자를 넣을 수 있다.- type -> password, email, checkbox, number, text, submit 등 엄청나게 많은 타입이 있는데 이는 input value의 타입을 정해주는 것이다. >> label 태그- input 칸에 대해 추가적인 설명을 넣고 싶으면 label을 통해 할 수 있다.- label 속성 중에 for = "" 에 대해 이름을 지어주고 이를 input의 id와 .. 2024. 6. 20. 이전 1 2 3 다음
