본문 바로가기

DevDevDev171

#6-1 / 배열,랜덤함수 ✅ 배열배열 : array (1차원 , 2차원.. 다차원 배열)배열 번호는 0부터 시작데이터를 나열 시켜서 연속성있게  구성된 구조데이터베이스에 아주 중요하다배열 데이터는 삽입,삭제,수정이 가능하다(유동성)⚡ 1차원 배열var data = [10,5,16,22,8]; //배열 리스트 데이터(1차 배열)console.log(data[3]); //배열 출력 방식-배열 번호로 출력/*--------반복문을 이용한 배열 데이터 출력--------*/var ea = data.length; //배열 갯수 확인var f;for(f=0; f ⚡ 2차원 배열//2차배열의 기본 구조(복합, 문자 많이 사용)var data = [ //각 데이터 갯수가 동일해야함 ["홍길동","이순신","강감찬"], ["일반회원.. 2024. 4. 25.
#5-2 / Js(함수) Js 파일 연동 및 함수 활용   ⚡ js파일 로드 ⚡함수 -함수명은 동일한 이름 x-함수 - 일반함수 : 호출형태-  이벤트 핸들링 함수 : 이벤트를 발생 (ex- 로그인 버튼)-  이벤트 버블링 함수 : 하위 > 상위로 전달하는 형태 (인자값 전달)-  버블링 함수 : (ex- 전체선택 클릭시 하위 체크박스 모두선택)-  이벤트 캡쳐링 합수 : 상위 > 하위로 전달하는 형태 (ex- body태그에서 -> div태그로 출력)-  캡쳐링 함수 : ?-  return 함수 : 부모 함수에서 자식 함수를 호출과 동시에 결과값을 return받는 형태function abc(){ // abc 함수를 설정 console.log('test1212121'); //출력값}abc(); //.. 2024. 4. 24.
#5-1 / Js(반복문,선택문) [반복문]for(반복문 중 제일 느림 - 10000번 부터 속도 차이가 발생)whiledo~while실무에선 배열 사용 많이함/배열은 foreach,forin 사용 (훨씬 빠름) ⚡ 반복문(while문)var a = 1; //초기값while(a = 15){ console.log(b); b--;}/* [응용문제2] while문을 이용하여 1부터 10까지의 모든 숫자를 합한 결과값을 출력하시오*/var d=1; //초기값var sum=0; //합계에 사용할 변수while(d ⚡ while + if /* while + if결합 : 1~10 까지 4,7,9 출력 연산기호 || : 여러개의 조건 중 한가지라도 맞을 경우 && : 여러개의 .. 2024. 4. 24.
#4 / Js.1 지금부터 진짜 프로그래밍  Js4.0 > Es5.0(EcmaScript),Es6.0 발전 (젤마니씀) > Ts(TypeScript)FrameScript(Vue,Angular,React)  Js 기초  ⚡ 변수 : 지속적으로 변할 수 있는 수 ⚡ 상수 : 고정된 값 //a라는 창고에 10이라는 숫자를 넘겨 받겠다var a = 10; //숫자형 변수선언var b = "10"; //문자형 변수선언var c;​//사칙연산(+,-,*,/) //: 단 +는 숫자와숫자,문자와문자,숫자와문자일때 결과가 다름 나머지세개는 계산은 해줌var z = "100"var k = "50"var p = z - k;console.log(p); // 50⚡ let,const는 ES5 변수 선언문(.. 2024. 4. 23.
HTML / XML 홍길동 25 hong@nate.com 강감찬 33 kang@nate.com 이순신 45 lee@google.com XML은 무조건 백엔드가 만들어줌 SVG 파일 : xml파일로 제작된 이미지 fill=" " => 이건 XML에서만 사용 (SVG) 색상 변경 SVG 구글 : https://fonts.google.com/icons 2024. 4. 22.
#3 [ memo ] * 파일이 올바르게 다 연결된 경우 개발자도구의 Network -> status가 200뜸 * form 통신 * get통신 : url주소 맨 끝에 ?로 시작하여 파라미터가 생성된다. 보안이 필요 없는경우 http://mekeyace.dothome.co.kr/test15.php?text=12121211 파라미터 값으로 전달되기때문 text 는 textarea의 name값 (name값은 백엔드 개발자와 약속된 값) ?text=212121121&point=3점 2개전달( &기준 ) * post 통신 (name값은 백엔드 개발자와 약속된 값) ==> get,post 통신 radio,checkbox는 value 속성이 없을 경우 기본은 on,off로 데이터가 표시된다. ex) 댓글입력 별점 5점 .. 2024. 4. 22.
css 바꿨는데 수정안될경우 1시간~3시간정도 캐시유지됨 * html, css, js 는 웹페이지 접속시 각각의 접속자 pc에 저장되도록 설계되어있다. 해당 소스 수정시 코드가 변화 되지 않을 경우 파일을 갱신해야만 정상적으로 변경된 내용이 반영된다. 버전 넣어주삼 2024. 4. 22.
vs code setting ftp 연결 ctrl+shift+p 검색 ftp-kr:Init 후 해당 내용으로 세팅 { "host": "아이디.dothome.co.kr", "username": "아이디", "password": "비번", "remotePath": "/html", "protocol": "ftp", "port": 21, "fileNameEncoding": "utf8", "autoUpload": true, "autoDelete": false, "autoDownload": false, "ignore": [ ".git", "/.vscode" ] } ** extention ** - vscode extensions list html snippets(취소선 되어있는 경우 x) remote - ssh ftp-kr javascript(.. 2024. 4. 21.
#2 form 태그 form 태그 : 데이터를 전송하기 위한 태그 -method 속성 : 데이터 전송 방식 -action 속성 : 데이터를 보내는 url을 말함 0 100 50 ​ input submit,reset은 form태그 안에 들어있어야지만 작동함 input button은 javascript를 꼭 작성해야함 form에는 전송방식이 2가지가 발생함 1. post 전송방식 : data를 암호화하여 데이터를 숨겨서 전송 2. get 전송방식 : url에 파라미터를 이용하여 전송 *주의) form으로 데이터 전송시 무조건 name값을 설정하여 전송합니다. ex) 네이버 검색기능 네이버 검색 : 2024. 4. 21.
#1 [ 내가 알아야할것 ] 1. HTML,HTML5 차이 / HTML5 왜쓰는가? 2. TCP란 무엇인가 3. EMCA..? ES..? [ MEMO ] * 마크업 : 열고 닫는 것 * : 특수 기호 none break space * 모바일은 a target="_blank" 를 써야 트래픽 발생이 많아져 검색사이트에 노출될 가능성이 높아진다. * 개발자도구 세션 스토리지 : 아이디/비밀번호 자동저장 ->스토리지 관리는 개발자가 2024. 4. 21.
🔍search list 1. SEO란 무엇인가? (왜쓰는가?..?)검색 엔진으로부터 웹사이트 트래픽의 품질과 양을 개선하는 과정이다.검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있게 한다. 방문 트래픽이 늘어나기 때문에 효과적인 인터넷 마케팅방법이 될 수 있다.T-A. 검색엔진 최적화 관정이며 meta태그를 이용하여 검색 키워드 등록 후 사용자에게 사이트를 노출하는 작업검색키워드 웹마스터도구에 등록 가능 네이버 네이트.. 다 따로잇음 SEO를 할줄 아는사람 우대사항 2. HTML과 HTM의 차이는 무엇인가? 이 둘은 서로 같은 형식의 파일이다. 원래 명칭은 html이였으나 확장자로서 html대신 htm을 쓰는 이유는 도스(MS-dos)와 Windows3.X 시절부터 확.. 2024. 4. 21.

티스토리툴바