선택자 사용하기 선택자를 사용하기 위해서는 문서 객체를 불러와야 합니다. 다음은 선택자를 사용하는 올바른 방법입니다. [정상작동1] 내용 [정상작동2] 내용 영역에 문서 객체를 먼저 불러온 다음 선택자를 사용할 수있도록 위에 정상 적용 예제와 같은 방법으로 작성해야 합니다. [잘못된 방법] 내용 위와 같이 작성 하면 가 생성되기 이전에 선택자가 먼저 실행되어 선택자로 문서객체를 선택할 수 없습니다. 기본선택자 영역에 있는 문서 객체를 선택할수있는 선택자 구분 종류 사용법 설명 직접선택자 전체선택자 $("*") 모든 요소 선택 아이디선택자 $("#아이디명") id속성에 지정한 값을 가진 요소 선택 클래스선택자 $(".클래스명") class속성에 지정한 값을 가진 요소를 선택 요소선택자 $("요소명") 지정..

내장함수란? 내장함수란 자바스크립트 엔진에 내장된 함수를 말합니다. 내장함수는 개발자가 함수를 직접 선언하지 않아도됩니다. 즉, 자바스크립트에 이미 내장된 함수는 바로 호출할 수 있습니다. 내장 함수의 종류 종류 설명 사용예 encodeURI() 문자를 유니코드값으로 인코딩합니다. (영문, 숫자, 일부기호(;,/?:@&=+$ 제외) encodeURI("?query=값") → "?query=%EA%B0%91" encodeURIComponent() 문자를 유니코드 값으로 인코딩합니다. (영문,숫자 제외) encodeURIComponent("?query=값") →"%3Fquery%3D%EA%B0%91" decodeURI 유니코드값을 디코딩해 다시 문자화합니다. decodeURI("?query=%EA%B0%91..

data() 1. 속성 추가 - $(selector).data(key, value) key는 string type의 변수로 말 그대로 데이터가 저장될 key 값이다. value는 object type으로 javascript에서 지원하는 모든 type의 데이터를 저장할 수 있다. 2. 속성 가져오기 - $(selector).data(key) key는 위에서 저장한 데이터를 가져오기 위한 key 값이다. key를 생략하여 .data()로 사용도 가능하며, 결과는 해당 엘리먼트에 저장된 모든 데이터들이 JSON 형식으로 나온다. 3. 속성 삭제 - $(selector).removeData(key) key는 string type으로 삭제할 데이터의 key값이다. attr() 1. 속성 추가 - $(selecto..

원본 출처 : https://codingapple.com/unit/nodejs-2-what-is-server/ '서버'가 뭔지 세계 최고로 쉽게 설명해드림 - 코딩애플 온라인 강좌 0:34 서버를 현실에 비유하자면 1:12 그럼 네이버 서버한테 한번 요청해보자 3:02 멋진 프로그래밍 용어로 다시 정리해보자 & 요청의 종류 4개 6:33 우린 서버개발자로서 앞으로 어떤 코드를 짜게 codingapple.com 서버란 무엇인가? 전문 용어로 정리하자면 '클라이언트의 요청을 받으면 서비스, 데이터를 제공하는 컴퓨터 혹은 프로그램'을 말합니다. 인간의 용어로 다시 설명하자면 '요청을 받으면 데이터를 보내주는 기계'입니다. 비유하자면 서버는 닭갈비집 알바생과 똑같은 역할을 합니다. 닭갈비 2인분 주세요~ 하면 ..

원본 출처 : https://yuja-kong.tistory.com/158 컴파일, 빌드, 배포에 대해 이해하기 작성 동기 우리가 백엔드 개발을 하는 상황을 예를 들어보자. IntelliJ나 eclipse 같은 개발 툴을 사용하여 원하는 로직을 개발 할 것이다. 만든 것을 테스트 해보기 위해 main class를 run 하면 툴이 알 yuja-kong.tistory.com 현실 세계에서의 컴파일, 빌드, 배포 영문 책이 서점에 오기까지의 과정을 예를 들어보자. 번역가가 영문으로 된 글을 한글로 번역한다. -> 컴파일 출판사에서는 번역된 글을 모아서 한 권의 책으로 엮는다. -> 빌드 책을 서점으로 배송해서 원하는 위치에 진열한다. -> 배포 프로그래밍에서의 컴파일, 빌드, 배포 사용자가 작성한 코드를 컴..

다운로드 링크 : https://www.cyotek.com/cyotek-webcopy/downloads Cyotek WebCopy Downloads - Copy websites locally for offline browsing • Cyotek This software may be used free of charge, but as with all free software there are costs involved to develop and maintain. If this site or its services have saved you time, please consider a donation to help with running costs and timely updates. Donate www.cyot..

WinSCP 소개 WinSCP는 Windows용 그래픽 유저 인터페이스 SFTP (Secure File Transfer Protocol - 기존 FTP보다 보안이 강화된 전송 방식) 및 FTP (File Transfer Protocol - 파일을 전송하는 통신규약) 클라이언트 프로그램이고 오픈소스 프리웨어(Freeware)입니다. 레거시 SCP 프로토콜 (Secure Copy) 역시 지원합니다. 이 프로그램을 사용하여 로컬 컴퓨터와 원격 컴퓨터 간에 안전하게 파일을 복사할 수 있습니다. WinSCP 설치 https://winscp.net/eng/download.php WinSCP :: Official Site :: Download WinSCP 5.21 Download WinSCP 5.21 is a maj..

Brackets 어도비에서 만든 브라켓은 HTML, CSS, JAVASCRIPT 등의 개발을 편하게 해주는 웹 개발용 오픈소스 에디터입니다. 설치 : https://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting p..