킹바구니

1. Internet 전 세계의 컴퓨터들이 자료 공유를 위해 서로 연결되어있는 것. 클라이언트와 서버로 구성되며 TCP/IP라는 기본 프로토콜을 통해 제공되고 있음. 2. WWW (World Wide Web) 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 공간. 웹브라우저를 통해 접속할 수 있음. 텍스트, 그림, 소리, 영상 등 정보를 하이퍼텍스트 방식으로 제공. ※ Hyper-text 문서 내부에 또 다른 문서로 연결되는 참조를 집어넣음으로써 웹 상에 존재하는 여러 문서끼리 서로 참조할 수 있는 기술. ※ Internet과 WWW의 차이점 혼용하여 쓰이지만 인터넷은 단순히 기기가 연결되어있는 것을 의미하고, WWW은 특정 주소로 이동하여 데이터를 공유할 수 있다는 것임. 인터넷을 사용하면서 이..

SASS 상위 버전이 SCSS 문법적으로 약간 다른게 있으며 보통은 SCSS씀. 1. & 부모 선택자 선택 li { &:last-child { padding: 10px; } } /*결과*/ li:last-child { padding: 10px; } .btn { &-small { padding: 1px; } } /*결과*/ .btn-small { padding: 1px; } 2. : 동일한 네임을 가진 css는 중첩해서 사용 가능 li { font: { size: 10px; color: #333; } } /*결과*/ li { font-size: 10px; font-color: #333; } 3. !global 변수는 스코프 안에서만 움직이기 때문에, 상단에 전역변수로 써주거나 아니면 !global 달아주기..

1. concat() 인자로 주어진 값이나 배열을 기존에 합쳐서 새로운 배열 반환. // array1.concat(array2, array3, ..., arrayX) var a = [1,2] var b = [3,4] var c = a.concat(b) var c // 1,2,3,4 2. every() 조건을 테스트해서 true, false 반환. // array.every(function(currentValue, index, arr), thisValue) var _a = [1,2,3,4] var chkNum = function chkNum(v) { return v < 5; }; _a.every(chkNum); // true; 3. fill() 시작 인덱스부터 끝 인덱스 전까지 원하는 값으로 채움. // ..

예전에 만든 CodeToName에 쓰는 종목 목록은 상장회사 엑셀 모음이나 관리자페이지에서 자주쓰는 일부만 긁어왔음. 관리자에서도 탭, 페이징 등으로 종목들이 나눠져있고, 추기적으로 폐지·상장되서 가져오기 번거로웠는데, 어쩌다보니 한번에 긁어올 수 있는 곳을 발견해서 쫙 빼오기로 함. var ul = document.querySelector('#list'); var td = ul.querySelectorAll('td'); var _v = []; for(i=0; i

관리자페이지에 있는 테이블을 엑셀에 붙여넣어 작업할 일이 생길 것 같아 미리 만들어보기로 함. 게시판은 이렇게 생겼음. No 이벤트명 휴대폰번호 이메일 닉네임 신청일시 1 기기변경 이벤트 1011112222 android@naver.com 안드 2020-11-20 12:30 2 번호이동 이벤트 1033334444 apple@gmail.com 애플 2020-11-22 15:34 var list = document.querySelector('.list'); var tr = list.querySelectorAll('tr'); var _v = []; for(i=1; i

뉴스 데이터를 체크해서 맞지 않는 기사를 삭제하는 일을 하고 있음. 기사 타이틀에 우연히 기업 이름이 들어갔다는 이유로 상관없는 뉴스들이 흘러들어온 경우가 그 예임. (예: '남성'이라는 기업 뉴스에 '대한민국 남성 30대, ㅇㅇ브랜드 선호' 라는 뉴스가 들어와있음.) 하루는 안그래도 삭제할게 많은 기업인데 이틀내내 300~500개 넘는 기사를 지우다보니 이골이 났음. 그래서 '기업 이름'을 기사 타이틀에서 강조해서 주변 단어를 더 빨리 읽고 바로바로 삭제하기위해 코드를 짜봄. 1차 만든거 var tr = document.getElementsByClassName('table-bordered')[1].getElementsByTagName('tr'); var input = document.getElement..

1) HTML는 엄격한 언어가 아님. 라고 대문자로 써도 라고 알아서 인식함. 그러나 소문자로 쓰는것이 권장됨. 2 title 해당 요소에 대해 추가 정보를 알려주는 속성. 환영합니다 ---> '환영합니다'에 마우스를 대면 툴팁으로 '안녕하세요'가 노출됨. 3) pre 월요일 화요일 수요일 이라고 쓰면 소용이 없음. 이럴떄 태그로 쓰면 공백이나 줄바꿈등을 그대로 표현해줌. 4) b, strong, em b = 그냥 굵게 표시하고 싶을 때 em = 중요해서 기울게 표시하고 싶을 때(중요도 ★★) strong = 겁나 중요해서 굵게 표시하고 싶을 때(중요도 ★★★★★) 5) dl 커피 -1인용 컵으로 1/2 6) 시멘틱 요소 브라우저나 개발자한테 있어서 해당 요소의 의미가 정확한 요소들을 의미. 보다는 , ..

is not defined - 세미콜론을 빼먹음 - DOM에 없는데 코드로 미리 선언함 - 걔가 잘못이 아닐수도 있음 (이부분은 멀쩡한데 뭐지???싶었던거 간혹 보면 다른 부분이 잘못되었는데 이 부분에 오류메세지가 뜰때가 있음 아닌가 그 잘못된 부분이 이 부분에 영향을 줘서 그런가 다시 한번 만나면 체크하는걸로) // for, if문 돌리는데 뭐가 안될 때 (정확한 멘트가 기억안나..) - 코드 자세히 천천히 머리속으로 돌리기 (if문을 for밖으로 빼거나 해야함) // input들 쓰다가 뭔가 에러뜸 (정확한 멘트가 기억안나..) - input.value 문제 (페이지 첫 로딩시 input에 아무값이 없는데 이걸가지고 어쩌고저쩌고해서 에러뜨는것) TypeError: Cannot read property..

primitive(원시 값) 1. 숫자 2. 문자열 3. 불리언 4. undefined 5. null object(객체) 1. 배열 [] 2. 정규표현식 3. 객체 리터럴 {} 원시값은 프로퍼티 추가, 변경이 불가능. var a = '123'; a.length = 1; a.length // 3 객체는 프로퍼티 추가, 변경 가능 var b = [1,2,3]; b.length = 1; b.length // 1 undefined는 왜 뜨는가 1. 변수의 정의가 안되어있을 때 var a; a //undefined 2. 매개변수가 없을 때 function a(x) = {return x}; a() //undefined 3. 존재하지 않는 것에 프로퍼티 var a = []; a.length //undefined 타입..

매월 매출을 엑셀로 뽑아서 서비스별로 총매출을 기록해야 함. 근데 이상하게 엑셀에서 파일을 열면 특정 열은 데이터가 밀려있어서, 일일히 수동으로 옮겨줘야함. 첫달에는 그냥 해봄.. 15분 걸림.. 열받아서 코드짬. function sum() { var v = document.getElementsByTagName('input')[0].value; var _v = v.split(' '); var sort = []; var price = []; for (i = 0; i < _v.length; i++) { var start = _v[i].indexOf('member'); // m시작점 var rg = _v[i][(start + 6)]; // 의문의 빈칸 for (k = 0; k < _v[i].length; k+..