민둥 개발자의 계발 블로그

안녕하세요 민둥이입니다. 블로그 업데이트가 별로 없기도 하고 아직 저번 포스팅의 클론 코딩에 관한 글도 못 올렸네요. 하지만 짬을 조금 내서 제가 오늘 만든 로그인 페이지를 보여드릴 테니 부디 오늘은 이것으로 만족하시기를...

서론!? 안녕하세요! 요즘 저의 관심사는 어떤 웹사이트를 만들고 싶은가, 그리고 어떤 웹사이트를 만들 수 있는 가입니다. 학원을 다니면서 6개월이 과정이 끝날 때는 제 개인 프로젝트와 그룹 프로젝트가 한 개씩 완성되어 있을 텐데요, 그때가 정확히 언제일지 모르지만 너무너무 기대되고 미리 구상해봐야겠다 싶다는 생각으로 가득합니다. 이제 국비지원 수업을 들은 지 거의 딱 1달 되는 날인데요, 현재로써는 HTML도 아직 다 배우지 못했습니다 ㅠㅠ(물론 저는 학원 외에도 혼자 예습하기에 다릅니다!★ 하지만 수업 속도가 제 열정에 비해 느린 것은 확실하니...). 그래서 이것저것 어떻게 하면 제가 재미있으면서도 많이 배울 수 있는가를 찾아보니 클론 코딩이라는 공부 방식이 있더군요. 클론 코딩이란? 영어로 하면 C..

사실 이번 문제는 정답이랄게 딱히 없습니다 하하. 이미지가 잘 나오거나 대체 텍스트가 잘나오면 성공하신 거에요! 만약 나오지 않는다면 경로 설정을 잘못하셨거나 오타가 난 겁니다. 우선 저는 이런 식으로 썼고 여러분들 코드는 다를 수 있다는 점! web image 경로 절대경로 - 항상 고정된 주소 상대경로 - 웹문서의 위치에 따라 달라지는 주소 절대 경로로 이미지 넣기 상대 경로로 이미지 넣기 *원본 크기 그대로 적용시에도 가로 세로 크기를 적으면 이미지가 빨리 뜸. 웹용 이미지 형식 대표 3가지 특징 *,gif - 최대 256가지의 색 표현 가능. 단순한 로고,아이콘, 버튼 등에 적합. 투명배경 지원 , 움짤 가능. *.jpg - 트루색상..

안녕하세요 민둥산의 민둥이입니다! 오늘은 HTML의 이미지(Image) 태그 사용법에 대한 포스팅입니다. 오늘 배울 태그는 딱 1개입니다. 태그 Image의 약자로, 해석하자면 사진/그림입니다. 닫는 태그가 없고 속성 없이 혼자 쓰이지 않습니다. (기본적으로 src속성 사용) 태그에 포함되는 속성들 src="경로" alt="이미지 대체 텍스트" width="가로 크기 조정" height="세로 크기 조정" 기본적인 모양은 이런 느낌으로 src(source)에 이미지가 저장되어 있는 경로/위치를 입력하고 alt(alternative) 속성에 이미지가 나오지 않을 때를 대비한 글을 써주면 됩니다. 저는 w3 school이라는 코딩 공부하는 웹사이트에서 이미지를 한 개 가져왔습니다. 여기서 중요한 점은 경로입..