식초의 지식보관소

-기초: HTML, CSS, JavaScript, Git/Github -기본: React(JS기반 프레임워크) -심화: SCSS, BootStrap,TypeScript, Webpack (필요할 때 함께 공부하기, 어쩌면 취업 후 개인공부) 1.개인 프로젝트 2-3개를 한다. 깃허브에 올린다. 2.코딩테스트를 준비한다.(JavaScript, Python 등의 언어로) 3.컴퓨터 공학 기초는 공부한다. (면접 때, 프로그래밍 할 때 전반에 필요) -스타트업은 1의 비중(실무)이 높다. 그러나 2(코테)도 한다. -대기업은 2의 비중(코테)가 높다. 그래도 1(실무)도 해야한다. -연봉은 스타트업, 대기업 모두 중상이니 가리지 말고 1과 2를 모두 한다. -1,2,3을 모두 해야 취업이 가능하다. 중요도는 1..

HTML, CSS, JS 까지 괜찮았다. 그런데 PHP, MySQL 들어가니까 머리가 조금 아프다 (나는 코딩한지 1달 된 코린이다. 1달!!!!) 사실 머리가 아픈이유는 따로 있다. 코드 따라 치고, 에버노트 정리하고, 깃허브 올리고.... 3가지를 동시에 하고 있으니... 머리가 쪼개진다. 오늘은 에버노트 정리한걸 했다. 한땀 한땀 포스팅....(강조표시, 리스트표시 복붙이 안되서 하나하나 다 입력함^^) 그래도 내 노력의 결과물이 블로그에 공개되니 뿌듯하다. 하하 백엔드쪽은 문법도 생소하고 에러도 종종 뜨고, 특히 MySQL 에서 입력값하나 잘못 쓰면 첨부터 다시 써야된다. 에러 떠서 스큐엘이가 나름 힌트도 줬는데 영어라 초큼 머리아픔.(에러 힌트 아직 못알아들어서 결국 다시 입력함.) 스터디카페도..

비트나미를 통한 설정 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;} : 리스트 스타일 없앤..