은성의 개발블로그

jsp 파일에 html과 css, javascript로 화면 구성을 했다. 원래는 javascript를 잘 안 쓰려고 했으나 spring을 아예 처음 배우니깐 급한 대로 자바스크립트를 썼다. 1. 성별 선택지 input type="radio" 중복으로 선택하지 않고 하나만 선택 가능하도록 하려면 어떻게 해야 할까? name의 값을 똑같이 하면 된다. 한 선택지를 미리 지정해놓을 수는 없을까? input 태그 안에 checked로 지정하면 해당 선택지가 미리 지정될 수 있다. 성별 여성 남성 2. 입사일 지정을 위한 날짜 선택지 간단하게 날짜를 선택할 수 있는 방법이 있지 않을까? input type="date"로 하면 된다 입사일 3. 전화번호를 숫자만 입력되도록 하기 + input number 화살표 ..

https://axexcovidpersonalitytest.netlify.app/ 나의 위생 타입은? 하나도 안 궁금한 코시국 테스트 axexcovidpersonalitytest.netlify.app 첫 프로젝트인 '코시국 심리테스트'에서 제일 고생했던 건 '로딩 페이지'이다 export랑 import를 이용해 변수를 다른 html 파일에도 그 변수를 쓸 수 있도록 하고 싶었는데 (선택지 페이지 -> 로딩 페이지 -> 선택지에 따른 결과 페이지 이동을 위해) 구글링해서도 여기저기 수소문해서도 해결하지 못했다... 결국 같은 페이지 내에서 해결해서 결과 페이지로 이동했다 -> node 서버를 안 올려서 그런가?? node start 명령어로 안 해서?? 아시는 분은 알려주세요... 선택지 페이지 -> 로딩..

몇 개월 동안 고생한 '코시국 심리테스트'!! (그림은 디자인팀이 그렸습니다!! 제가 그린 게 아니에요!!) 원래 개발팀이 3명이었으나 사정이 생겨 대부분은 내가 코드를 짰다... (정말 힘들었지만, 재밌었어) 아직 서버 다룰 능력이 없고, 서버 비용도 있으니 netlify를 이용해 html, css, js로만으로 웹사이트를 만들기로 했다! 다만, url이 netlify.app으로 해야 무료라서 .com는 다음 기회에~! html, css, js만 배웠다 하면 이런 방법으로 사이트 하나 만들어보는 것도 좋다! 다른 언어 배우느라 까먹었던 걸 다시 기억거나 추가적으로 배울 수 있었다 뭐든 써먹어야 성장하나 보다 우여곡절 시리즈로 '애드핏', '로딩 페이지'도 쓸 예정!! (언젠가.. 하겠지) https:/..

이미지와 텍스트를 가운데 배치하는 방법으로 CSS문서나 style태그 안에 text-align: center; 를 쓰면 됩니다. blog profile 단 이미지는 div안에 넣은 다음, div에 text-align: center;를 써야 합니다. 이미지에 text-align: center;를 적용시키면 가운데에 배치가 되지 않습니다. img: {text-align: center;} (x) 위에 사진이 코드의 결과로 이미지와 글자가 가운데 정렬이 됐습니다. 여러분도 코딩 공부 파이팅!

사각형으로 되어있는 이미지를 동그란 원으로 만들려면 style태그 안에서 혹은 css 문서에서 이미지에 border-radius: 100%를 줍니다. 이미지가 동그란 원형이 됩니다. (border: 1px solid black; 은 이미지가 하얀색이라 둥근지 확인하려고 적었습니다.)