728x90 반응형 VSCode19 CSS- 박스, 이미지 위치를 중앙으로 옮기는 방법 CSS- 박스, 이미지 위치를 중앙으로 옮기는 방법 오늘은 CSS를 사용하여 박스나 이미지의 위치를 중앙으로 배치하는 방법에 대해 알아보겠습니다. 텍스트의 경우에는 text-align 속성을 사용해서 center 속성 값으로 중앙에 배치할 수 있는데 박스나 이미지는 따로 중앙에 배치하는 속성이 명확하게 없기 때문에 다음과 같은 방식을 사용하시는 게 좋습니다. (1) 중앙에 배치하는 방법은 margin 속성을 사용하시는 것이 좋습니다. margin 속성을 사용하실 때 auto라는 속성 값이 있기 때문에 수월하게 중앙에 배치할 수 있습니다. margin: 0 auto;를 사용하시면 되는데 이 코드는 margin-top:0; margin-left:auto; margin-bottom:0; margin-right.. 2022. 8. 18. JS - switch문 JS - switch문 오늘은 JS에서 유용하게 사용되는 switch문에 대해 알아보겠습니다. switch문은 if문이 복수로 사용되는 경우 사용할 수 있습니다. switch문은 case문과 함께 사용하는데 사용 방식은 변수를 우선 선언하고 switch (변수 이름) { case '입력될 값': 2022. 8. 12. JS-반복문 while, do while, for JS - 반복문 while, do while, for 오늘은 JS에서 여러 동작을 반복하는 코드를 작성할 때 사용되는 반복문에 대해 알아보겠습니다. 보통 상품의 목록에서 삼품을 차례대로 출력하거나, 숫자를 계속해서 증가시키면서 true 값을 반환하는 경우 등이 있습니다. 이 경우 반복문을 유용하게 사용할 수 있습니다. 반복문에는 while문과 for문이 있습니다. (1) while while문에 대해 먼저 설명드리겠습니다. while문은 while (condition){ //반복문 body(본문) //코드 } 이런 식으로 작성할 수 있습니다. 실행방식은 condition 부분에서 true가 나오면 반복문 body 부분에 코드가 실행됩니다. 반복문을 사용하실 때 주의하실 점은 제한을 걸어두거나, break.. 2022. 8. 10. JS - nullish 병합연산자 ?? JS - nullish 병합 연산자?? 오늘은 JS에서 nullish 병합 연산자에 대해 알아보겠습니다. ※ 시작에 앞서 nullish 병합 연산자는 비교적 최근에 나온 연산자이기 때문에 지원이 안 되는 브라우저가 있을 수 있습니다. 이점 참고하시길 바랍니다. ※ 본론으로 들어가서 nallish 병합 연산자는 간단하게 병합 연산자라고 부르겠습니다. 병합 연산자는 '??' 기호를 사용합니다. 기능을 설명드리면 병합 연산자는 피연산자 중에서 값이 확정된 변수를 찾을 수 있다는 것입니다. 예시를 보여드리면 a = null이고 b = '값이 있다.'면 병합 연산자를 사용하면 a?? b는 값이 있는 피연산자인 b를 찾고 b의 값인 '값이 있다.'를 찾아냅니다. 병합 연산자는 논리 연산자 중에 or과 정말 비슷합니.. 2022. 8. 8. 이전 1 2 3 4 5 다음 728x90 반응형
