Buang

1. 문제상황 XAMPP를 이용해서 Apache 웹 서버 실행시키려고 했더니 위와 같은 에러가 떴다. 요약하자면 내가 아파치 웹 서버를 사용하기 위해 포트 80번을 쓰려고 하는데 이미 80번은 사용되어 있어서 사용하지 못한다고 한다. 80번을 사용하지 못한다고 하니까 80번 말고 8080번으로 포트번호를 변경해서 문제를 해결했다. 2. 해결방법 Apache 오른쪽에 있는 'Config'버튼을 클릭한다. Config버튼을 클릭하면 Apache(httpd.conf)가 보인다. 클릭해 준다. 그럼 메모장이 뜰 것이다. Ctrl 키와 + F 키를 동시에 누른 다음 80을 입력해서 80을 찾아준다. 그러면 Listen 80을 찾을 수 있다. Listen 80을 위의 이미지처럼 Listen 8080으로 바꿔준 후 ..

HTML 파일 안에서 CSS를 사용하는 방법은 여러가지가 있다. 오늘은 그 방법들을 살펴보고자 한다. 1. style 속성 맨 처음으로 살펴볼 건 style 속성이다. 태그 바로 옆에 style = "속성: 적용할 값"을 입력하면 된다. 말이 참 어려운데 아래 예시를 보면 금방 이해가 간다. div 태그 옆에 style="color: blud" 이렇게 작성된 걸 확인할 수 있다. 위 코드의 결과는 사진과 같다. 2. style 태그 이렇게 sytle 태그를 사용하는 방법이 있다. 바디 태그 위에 스타일 태그인 을 작성해준다. 스타일 태그 사이에서 css 코드를 작성해주면 된다. 위 코드의 결과는 사진과 같다. 여전히 똑같은 결과다. 3. import css 파일을 별로도 만들어서 해당 파일에 css 코드..

https://studywithowl.tistory.com/195 위의 링크는 웹 페이지를 제작하면서 작성한 일기입니다. 8탄. 우당콱쿠콰콱! 첫 웹페이지 제작 일기 3-1학기 때 '웹 프로그래밍'란 강의를 수강했다. '웹 프로그래밍'에선 '네x버'와 '다X'같은 웹 사이트를 만드는 방법에 대해서 배운다. 정확히는 웹 사이트를 만들 때 쓰이는 도구/재료에 대해서 배 studywithowl.tistory.com 1번. 홈페이지 화면 1-1. 홈페이지 코드 SIGN IN BEAUTY STORY CULTURE STAR INTERVIEW GOSSIP CELEB NEWS FASHION H I L L Sheridan Smith 2023 CEO of HILL company 2022 Challenge model USA..

css 부분(혹은 style 안)에 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } 위의 코드를 입력하면 파랑색이 뜨지 않습니다. 하단에는 보다 구체적인 저의 문제상황과 해결방법에 대해 서술한 것입니다. 1. 문제상황 위의 사진과 같은 로그인 창을 하나 만들었다. 문제가 하나..

writing-mode: sideways-lr; 을 쓰면 된다고 하는데 나는 그게 되지 않았다. 그래서 transform: rotate(270deg); 를 사용해서 해결했다.

박스는 웹 브라우저 화면에 출력되는 형태에 따라 inline, block, inline-block으로 나뉜다. (1) inline - 줄바꿈 없이 한 줄(inline)로 쓸 수 있는 태그를 포함한다. - inline 예시: 태그, 태그 태그나 태그를 사용하면 줄바꿈이 이뤄지지 않는다. 줄바꿈이 잘 와닿지 않는다면 h1태그를 생각해보자. hihi lulu 를 작성하면 웹 페이지상에 hihi가 입력되고 그 다음에 Enter키를 누른 것처럼 줄바꿈이 이루어진 뒤 lulu가 나온다. 즉 hihi lulu가 아니라 hihi lulu 이렇게 나타날 것이다. 하지만 a태그나 span태그는 이런 줄바꿈이 이루어지지 않는다. - inline 태그 사용시 주의점 (1) inline 태그(a태그나, span 태그)는 wid..

안에서 placeholder가 안 먹을 때 체크해야 할 것 두 가지 1. 를 한 줄로 이어서 썼는가? 글자글자 이런 식으로 엔터쳐서 쓰면 placeholder가 안 뜬다. 글자글자 이렇게 한 줄에 이어서 써야 한다. 2. 사이에 공백이 없는가? 이렇게 두 개의 태그 사이에 공백이 있으면 placeholder가 안 먹는다. 공백 없이 붙여서 써줘야 한다. 그러니까 잘못된 입력: 글자글자 잘 된 입력: 글자글자 결론은! 이렇게 를 한 줄에, 공백 없이 써야 placeholder가 표시된다.