식초의 지식보관소

비트나미를 통한 설정 php.ini 를 아톰으로 연다. ->opcache=0(끄기)/ display errors=On(켜기) (실제로 서비스할 때는 반대로(원래대로) 해준다.) ->manager-windows 켜서 아파치를 restart 한다. PHP란? : 서버에서 버튼을 누르거나 사용자가 동작하면 그것에 맞춰서 변하는 것이다. 서버언어. : php태그이다. ?echo __; ? : php엔진, php인터프리터(통역사) ?echo 10+10; ? : 더해서 20으로 html에 나온다. (php는 서버언어이다. 서버에서 계산후에 웹브라우저로 전송되기 때문에 코드를 볼 수 없다.) ?echo "10"."10"; ? : 1010으로 출력된다. ""안에 있으면 문자로 인식한다. .은 +와 같은 역할을 한다. ..

JS 낮/밤 버튼 1.낮/밤 버튼을 만든다. 2.오른쪽 구석탱이로 옮긴다. #control { float: right; } : CSS태그이므로 style태그에서 조정한다. 3.배경색/글자색이 다른 낮/밤 태그를 만든다. body.white{ background-color: white; color:black; } : CSS태그이므로 style태그에서 조정한다. class속성은 white이다. body.black{ background-color: black; color:white; } : CSS태그이므로 style태그에서 조정한다. class속성은 black이다. 4.버튼을 누르면 바디태그의 속성이 달라진다. 5.완성된 4의 태그를 모든 페이지에 붙여넣기한다.

JS 이벤트 태그 -HTML tag -JS tag prompt("hello world"); alert("hello world"); :알림창 API. 태그 안에 있을땐 그냥JS 태그이다. : 태그 안에 들어오면 onclick은 이벤트 태그가 된다. alert은 HTML태그 안에 넣을 수 있다. onclick : 클릭하는 이벤트 onfocus : 커셔 갔다대는 이벤트 onblur : 다른곳에 갔다대는 이벤트 : text창에 내가 원하는 글을 쓰고, 버튼을 누르면, 알림으로 그 글이 나오는 코드이다. getElementById : 아이디를 통해 태그를 가져온다 는 뜻. document. : 함수 분류 태그 .value : 값을 표시하는 태그 id="user_input" : 의 아이디를 유저인풋으로 설정한다는 ..

함수 function 함수이름() {~~@~~} 함수이름(); function a(){ document.write("Hello Function"); } a(); 반복문과 다른점은 a();를 어디에서나 써도 된다. 출력이 된다. 함수의 입력 function a(input){ document.write(input); } a(2); : 2를 넣으면 2가 나온다. 3을 넣으면 3이 나온다. input으로 동일하게 했다. function a(input){ document.write(input+1); } a(5); : 6이 나온다. a에 있는 5가 input으로 들어간다. 그리고 1이 더해진다. 함수의 출력 function a(input){ return input+1; } document.write(a(5)); :..

반목문 while(true/false){~~@~~} else{~~#~~} : true가 나오면 @가 계속 반복된다. false가 될때까지. i=0; while(i

--JS는 제어이다-- JavaScript란? : 웹브라우저에서 버튼을 누르거나 사용자가 동작하면 그것에 맞춰서 변하는 것이다. 웹브라우저에서 작용. 클라이언트 언어. : JavaScript 태그이다. document.write(); : JavaScript 명령어이다. document.write(10+10); : 20으로 출력된다. document.write("10"+"10"); : 1010으로 출력된다. ""안에 있으면 문자로 인식한다. name = "식초"; : 변수 설정 document.write(name); : 식초 로 출력된다. document.write("안녕하세요."+name); : 안녕하세요. 식초 로 출력된다. name 값만 다르게 설정하면 한번에 다 변수를 변경할 수 있다. == : 값..

박스모델 {border:1px red solid;} : 테두리, 두께, 색상, 단선(solid)/점선(dotted) _띄어쓰기하면 됨 {padding: 30px;} : 콘텐츠와 테두리 사이의 여백 (안쪽) {margin: 50px;} : 테두리 사이의 상하좌우 간격 (바깥쪽) {width: } : 콘텐츠의 가로 크기 {height: } : 콘텐츠의 세로 크기 구글 크롬 개발자 모드 : 웹상에서 조절 미리보기 가능 박스모델 응용 밑에만 선긋기 - {border-bottom: 1px solid gray;} 여백 만들기 - {padding: 20px;} 오른쪽만 선긋기 - {border-right:1px solid gray;} 콘텐츠 가로 - {width:250px;} 콘텐츠 세로 - {height:600px..

--CSS는 디자인이다.-- : 태그 안에 쓴다, html의 태그이다 : id값이 selected인 태그(li)를 선택해서 효과를 줄 수 있다, id는 html의 속성이다 : class값이 em인 태그(li)를 선택해서 효과를 줄 수 있다 : 태그 안에 쓴다, html의 태그이다. 파일주소에 있는 css 파일을 그 웹페이지에 넣는다. 태그와 다르다. h1{} : 선택자, css의 태그이다 {color:red} : 색깔 설정, 서술, css의 태그이다 {font-size: 10px;}: 폰트 크기 설정, 서술, css의 태그이다 h1,h2{} : h2도 똑같은 효과를 주고 싶다면 콤마로 합치기 nav ol{} : nav 태그 중에서 ol 태그만이다 {list-style: none;} : 리스트 스타일 없앤..

--html은 정보이다.-- : 강조해준다(굵은글씨) : 링크를 나타낸다 : 주소를 연결해주는 속성명 href , ""안의 것은 속성 값. (hypertext reference) target="_blank" : 속성, 새창에서 링크를 연다 target="_self" : 속성, 현재창에서 링크를 연다 : (점으로)리스트화 한다 : 태그를 그룹화 한다, 순서가 없는 리스트 (unordered list) : 태그를 그룹화 한다, 순서가 있는 리스트 (ordered list) : 문서의 내용 : 문서의 정보 : 문서가 utf-8이라는 방식으로 저장되어 있다, 한글이 깨지지 않음 : 문서의 탭 이름이 정해진다. 태그 안에 쓴다. : html 문서가 어떤 표준안에 따라 작성된 것인지 알 수 있다. 정확하게 작동하게..

아ㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏ 약간 머리에 과부하가 온다^^ text창에 내가 원하는 글을 쓰고, 버튼을 누르면, 알림으로 그 글이 나오는 코드 버튼을 누르면 지정한 class값에 해당하는 부분에 강조가 되는 코드 를 실습했다. (일상에서 많이 쓰이는?듯한데..) 일단 구현하려면 머리속에 로직이 있어야한다. (근데 처음 듣는 난 로직 따위 없어~어떤 기능이 있는지도 모르니까~) onclick="alert(document.getElementById('user_input').value)" 라니..코드가 왜 이렇게 긴거야ㅎㅎㅎㅎㅎ API가 다양화 되서 코딩하기 쉬워졌다며요.. 스터디카페에서 공부하는데 머리에서 열난다. 머리가 과부하되서 이러는거다. 그래도 코딩때문에 머리에 열나는 게 낫긴하다. (코로나 ..