반응형 개발 기초 다지기71 내일배움캠프 7일차 : 자바스크립트 기본 문법 2 오늘도 자바스크립트 문법 강의를 들었다. 어제는 그래도 들을만하다고 생각했는데, 내용이 깊어질수록 쉽지 않은 것 같다. 이럴수록 더 기초에 집중해야한다는 생각이다. 기초중 이해가 되는 것들은 넘기고 이해가 가지 않거나 금방 잊어버릴 것 같은 것들을 여기에 적으며 다시 이해해보려한다. - 조건문 switch문 변수값에 따라 해당되는 case중 하나를 선택하여 실행한다. 각 케이스가 끝날 때 break로 끝맺어줘야 한다. let fruit = "사과"; switch (fruit) { case "사과": console.log("사과는 빨간색입니다."); break; case "바나나": console.log("바나나는 노란색입니다."); break; default: console.log("해당하는 과일이 없습.. 2024. 4. 23. 내일배움캠프 6일차 : 자바스크립트 기본 문법 오늘부터 본격적으로 자바스크립트 공부가 시작되었다. 확실히 지난주의 기초 강의들보다 깊게 공부하는 느낌인데 그래서 더 이해가 잘 가기도하고 어렵기도하다. 더 깊숙히 공부하기 전에 더 잘이해하기 위한 자바스크립트의 기본 문법들을 정리해보려한다. 모든 문법이 다 정리되어있지는 않고, 내가 부족하다고 생각하는 것들 위주로 뽑아왔기 때문에 꼼꼼하게 모든 문법을 확인하기 위해서는 다른 자료를 찾아봐야한다. - 변수 var : 선언 여러번 가능, 변수 덮어쓰기 가능 let : 선언 여러번 불가능, 변수 덮어쓰기 가능 const : 선언 여러번 불가능, 변수 덮어쓰기 불가능 -> 상수 사용할 때 사용 - 데이터 타입 숫자 지수형 숫자 -> 2.5e5 이런식으로 표현 NaN(Not a Number) - 숫자가 아님을 .. 2024. 4. 22. 내일배움캠프 5일차 : CSS flex속성으로 버튼 2개 가운데 정렬하기 어쩌다 보니 html과 CSS를 많이 활용하는 파트를 맡아 또 CSS를 활용하는 글을 쓴다. 이번에 발생한 문제는 margin을 통해 버튼 2개를 카드 중간에 가로로 가운데 정렬해서 나타냈으나, 내 컴퓨터가 아닌 다른 팀원의 컴퓨터에서는 정렬이 깨져서 나타나는 것이었다. 우선 내가 원하는 버튼의 모습이다. 버튼 한 개를 가운데 정렬했던 기억을 더듬어 아래와 같이 margin을 활용하여 버튼 두 개를 나란히 가운데 정렬을해보려했다. .showbtnarea { margin: 0px auto 0px auto; } .showbtnarea>button { margin: 0px 15px 0px 15px; } 우선 버튼 두 개를 로 묶어서 'showbtnarea'라고 class를 넣어준 뒤 마진 값을 주어서 구역 자.. 2024. 4. 19. 내일배움캠프 4일차 : CSS로 로컬이미지 background 만들기 오늘 역시 미니프로젝트를 진행하는 날이다. 내일은 발표이고 오늘이 마지막이기 때문에 나는 사이트의 background, 버튼 및 카드의 투명도와 같은 전체적인 톤을 일치시키는 일을 했다. 원하는 느낌의 이미지 샘플이다. 이 느낌을 내기 위해서는 배경에 구겨진 종이 이미지를 넣는 것이 필요했다. background-image: url("") 나는 아무 생각 없이 위 코드를 활용해 무료 이미지 사이트인 Pixabay에서 이미지주소를 복사해서 body 전체에 넣어주었다. 하지만 결과는 대 실패였다. 로그인되어 있는 나의 서버에서만 이미지가 보였으며, 다른 팀원들의 웹에서는 이미지가 보이지 않았다. 괜찮은 이미지를 넣어주어야 하기 때문에 우선은 다운을 받은 후 로컬이미지를 활용하는 방식이 있나 검색해 보았고 다.. 2024. 4. 18. 이전 1 ··· 14 15 16 17 18 다음 반응형
