Front-end20 [JS] 다이얼로그 창 - alert, prompt, confirm 요약 창이 떠 있는 동안 스크립트(script)는 일시 정지됨스타일링 불가능 2025. 6. 7. [JS] null VS undefined VS NaN 한 줄 요약undefined : 누락으로 인해 값이 정해지지 않은 경우 JS가 자동으로 부여 null : 개발자가 "명시적"으로 값이 없다는 것을 표현할 때 사용 NaN : 숫자끼리 계산을 했을 때 결과가 숫자가 아닌 경우 (Not a Number) -> 계산 실수나 입력 에러가 있음을 의미 undefined : "이게 빈 건지 인지하지 못했는데..." -> JS가 자동으로 할당let age;console.log(age);null : "이건 빈 값이 들어있어." -> 개발자가 의도적으로 값이 없음을 명시let age2 = null;console.log(age2); NaN : "너 이거 숫자 결과 의도한건데, 연산 결과 숫자 아니야."1. 입력한 값이 숫자만 입력되어야 하는 경우 let age3 =.. 2025. 6. 7. CSS] margin과 padding의 차이 문제 상황아래 폼에서 매물 정보 글자를 조금 더 오른쪽과 아래로 배치하고 싶다.이때 margin과 padding에 대한 이해가 필요하다. margin/padding/border/height/width개발자 도구(F12)를 키면 아래 이미지처럼 margin, padding, border, content 영역이 나온다. 자세한 설명은 아래를 참고하면 된다. margin(주황) : 바깥쪽을 기준으로 떨어뜨린다. 주변 요소와 거리를 두기 위한 영역이다. 위 그림에서 margin을 주면 테두리를 포함한 매물 전체 폼이 이동하게 된다. (바깥쪽에서 움직이는 애 - 보통 container 움직일 때 사용)h1 { margin-top:30px; margin-bottom: 20px; margin-left:150px.. 2024. 10. 3. 10분만에 적용하는 Finder 부트스트랩 사용 방법 문제 상황예쁜 input 박스를 구하고 싶다.생코딩 하는 것 말고 이미 만들어진 좋은 input 박스를 구해서 쓸 수 없을까?문제 해결부트스트랩 Finder 을 검색하거나 아래 사이트로 접속한다.https://finder.createx.studio/components/input-group.html Finder | Input group finder.createx.studio 원하는 UI를 찾고 원하는 것이 있는 곳에 HTML 버튼을 클릭한다. 그대로 복사해서 사용한다.- 코드 에디터를 켜서 html 문서의 기본 골격 형태를 만든다. (vs code의 경우 ! + enter 을 치면 만들어준다.) - 아까 복사한 코드를 태그 사이에 넣는다. - Finder은 부트스트랩을 추가해야 한다. 부트스트랩을 CDN.. 2024. 9. 30. 이전 1 2 3 4 5 다음