트러블슈팅

🌵 문제 상황프로그래머스의 문제 중 'JadenCase 문자열 만들기'에서 문자열 중 원하는 문자만 대문자로 바꾸기 위해 '='을 이용하여// 🚫틀린 코드입니다string[i] = string[i].toUpperCase();위와 같은 코드로 새로운 문자를 할당했지만, 문자가 제대로 변경되지 않았습니다. 그 이유는자바스크립트의 원시값은 변경 불가능 = 불변하기 때문입니다.(전체값을 재할당은 가능)따라서 원시값이란 무엇인지와 문자열의 특정 문자를 변경하는 방법에 대해 알아보겠습니다. 🌵 원시값(primitive, 원시 자료형)객체가 아니면서 메서드 또는 속성도 가지지 않는 데이터로, 변수에 저장된 값에 직접적으로 접근할 수 있는 단순한 데이터입니다.원시값의 종류에는 7가지가 있습니다.String(문자)..

html의 br 태그는 텍스트 안에 줄바꿈을 생성합니다. 그런데 PC 화면에서는 줄바꿈이 필요했지만, 작은 화면에서 줄바꿈을 하면 스크롤이 길어지는 문제로 해당 기능을 없애고 싶은 경우가 있을 수 있습니다. 예를 들어, PC 화면인 경우에는 아래와 같이 br 요소가 포함된 텍스트를 그대로 배치하지만태블릿 화면인 경우, br 요소가 줄바꿈 기능을 하지 않게 만들고 싶은 상황입니다.이때 제가 잊고 있던 기본적인 내용만을 활용하여 이를 해결할 수 있습니다.  태그에도 class를 적용할 수 있습니다.너무 당연한 이야기지만 이상하게 br 태그에는 적용할 생각을 하지 못했습니다. 간단한 방법으로 br 태그의 display 속성을 none으로 설정하면 br 태그는 줄바꿈을 하지 않습니다. 하지만 더 나아가 줄바꿈 ..

기본 스타일에서 display를 어떤 속성으로 설정하고, 미디어 쿼리에서 해당 속성을 제거하려면 display 속성을 초기값으로 설정해야 합니다.display 속성의 초기값은 block입니다.따라서, 특정 미디어 쿼리에서 display: block을 설정하면 기본 스타일이 적용되지 않게 됩니다. 예를 들어, display를 flex로 설정한 뒤에 미디어 쿼리에서 flex를 적용하고 싶지 않다면,아래와 같이 display를 block으로 변경해주면 됩니다./* 기본 스타일 - 데스크탑 기준 */nav { display: flex; /* 기본을 flex 속성으로 지정 */ padding-left: 32px; padding-right: 32px;}/* Tablet: 1199px 이하 */@media s..