주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

뒤에 필수표시(*)를 적용 시키려고 하다가 발견한 이슈로... word-break="keep-all"이 아닌 경우에는 붙이기가 굉장히 쉬웠다. 그냥 position: absolute해서 우측에 가져다가 붙이면 되니까. 여기서 이제 모바일에서 단어 기준으로 끊으려고 하다 발견. 떨어지는 공백 '자차'의 크기만큼 영역이 유지되고 있다. 따라서 떨어지는 글자수의 값이 다르면 필수표시(*)의 위치 값도 달라진다. 중요한 이슈가 아니다보니, 그냥 줄 바꿈 처리를 위해서 문자열 끝에 붙이기로 했다.

폴더창이나 인터넷 창 등..... 보통 상단부 부분을 마우스로 꾹!누르고 움직이면 창을 이동시킬수 있잖아요? 이렇게요 ↓↓↓ 오늘은 이 기능을 만들어 보도록 하겠습니다.! ^^ 먼저 움직일 객체를 만들기위한 작업을 합니다. HTML 이곳을 드래그 하세요. 대충 모양을 꾸며줄게요. CSS .wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } .header{ padding: ..

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. html HTML 문서에서 모든 요소를 가져오거나 추가할 수 있다. 주석을 포함한 선택자의 모든 요소를 가져온다. XML에서는 사용할 수 없다. // HTML 1번 2번 3번 // jQuery // #wrap 안에 있는 모든 요소를 가져온다 $('#wrap').html(); // #wrap 안에 있는 모든 요소를 빈 값으로 만든다. $('#wrap').html(''); text HTML, XML에서 모두 사용할 수 있으며 모든 문자열을 가져오거나 추가할 수 있다. 브라우저마다 HTML 파서의 ..

.tpl 파일로 작업을 하는데, VSCode가 따로 확장자 인식을 하지 못해서 text와 같이 취급이되는 경우가 불편해서 찾아보게 되었습니다. 인식하지 못하는 상태의 .tpl 파일 상태 오픈한 파일만 html 코드스타일로 확인하기 1.VSCode 우측 하단 바에서 Plain Text 클릭 2.박스에서 HTML 클릭 전체 파일에서 html 코드스타일로 확인하기 1. 세팅을 열어줍니다. File > Preferences > Settings 또는 단축키 Ctrl + , 2. file associations 검색 후 Edit in Settings.json 클릭 3. file.associations 값 입력 *.tpl 로 입력한 것은 모든 .tpl 확장자를 가진 파일을 html과 같이 인식하라고 설정하는 부분입니..