요시의 개발일지

JavaScript로 img src를 변경하기 오늘은 JavaScript로 img src를 변경해볼텐데요.저는 HTML로 작성한 코드에서 img안에 들어갈 내용(src)을 사용자의 접속 지역에 따라서 다르게 표현하고 싶었답니다. 그래서 어떠한 방식으로 하면 좋을까? 하다가 for, if문을 사용해서 간단하게 구현해보았습니다 :) 제 HTML 코드를 전부 살펴보지 않고, 오늘 딱 해볼 태그가 있는 위치만 살펴보도록 하겠습니다! 1234 // 로고 이미지 // 이름 이미지cs 아주 간단하게 img 태그 2개를 넣었습니다. 저는 각 시/도의 로고와 이름의 이미지를 받아오려고 합니다. 제가 만약 서울시에서 들어오면 서울시의 로고와 이름이 이미지로 나오게끔 말이죠. ( 저는 가입할때 지역 코드를 받아오도록 했고,..

1. Node.js란? 공식 사이트에서는 Node.js를 'Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다.' 라고 말하고 있습니다. 이 말을 이해하기 위해서는 WEB 브라우저와 JavaScript에 대해서 알아야 합니다.WEB 브라우저는 JavaScript를 만난 후부터 동적인 처리를 할 수 있게 되었고, 이러한 모습 때문에 사람들은 JavaScript를 무조건 WEB 브라우저에서만 사용하는 언어로 생각하였습니다.하지만, JavaScript는 뛰어난 생산성과, 성능을 보여 개발자들에게 큰 관심을 받았고, WEB 브라우저 밖에서도 독립적으로 언어를 사용하기를 바랬습니다. 그렇게 해서 나오게 된 것이 Node.js입니다. 그렇다면, Node.js의 장점은 어떤것이 있을..

1. JSON 다운로드 JSON 파싱을 이용하기 위해서는 JSON 라이브러리를 추가해주어야 합니다. 그러기 위해 이미 만들어져 있는, 표준화된 JSON을 사용하도록 하겠습니다.구글에서 배포중인 json_simple-1.1.1.jar 을 다운받는 방법과 maven에 설정하는 방법이 있습니다. MAVEN 설정 12345 com.googlecode.json-simple json-simple 1.1.1Colored by Color Scriptercs 이와 같이 직접 입력해주면 사용할 수 있습니다. 직접 다운로드https://code.google.com/archive/p/json-simple/downloads 에 들어가서 원하는 버전을 다운로드 받거나를 다운로드 받아도 됩니다.그 후, 다운로드한 jar 파일을 E..

XML과 JSON ? * XML (eXtensible Markup Language)- 마크업 언어를 정의하기 위한 언어, 확장 가능- 언어에 대해 독립적, 여러 애플리케이션을 사용하도록 지원- 문서 재사용이 가능- 웹에서의 정보 교환이 가능, 계층적 데이터 구조- 처럼 이미 존재하는 태그만 쓸 수 있는 HTML 과는 다르게 사용자 임의로 태그를 생성- 정보 교환 용이- 문서의 양이 필요이상으로 많음- 파싱이 어려워지고, 속도가 느려짐 - ex) 아리 치즈색 3 고양이 * JSON (JavaScript Object Notation)- 네트워크를 통해 데이터를 주고받는데 자주 사용되는 경량의 데이터 형식 - JavaScript에서 객체를 만들 때 사용하는 표현식- 특정 언어에 종속되지 않음- 객체 구조, 배..

웹서버(Web Server)와 WAS(Web Application Server) * 웹서버- 클라이언트가 서버에 페이지를 요청하면, 요청을 받아 정적 컨텐츠를 제공하는 서버 - 클라이언트에서 요청이 올 때, 가장 앞단에서 요청에 대한 처리를 한다.- 웹서버만 구축된 서버는 페이지, 이미지 등 모두 정적 데이터만 생성한다.- ex) Apache, Nginx, IIS(Internet Information Server) 등 * WAS- 동적 컨텐츠를 제공하기 위해 만들어진 애플리케이션 서버- 웹 서버로부터 요청이 오면, 컨테이너가 받아서 처리- 웹상에서 사용하는 컴포넌트들을 올려놓고 사용하게 되는 서버- 쓰레드 생성 → 서블렛 호출 → 함수 호출 → 페이지 전달 → Response 객체를 HTTPRespons..

소켓(Socket)이란? * 소켓 : 소프트웨어로 작성된 통신 접속점, 응용프로그램은 소켓을 통하여 통신망으로 데이터를 송수신하게 된다. - TCP/IP를 이용하는 창구 역할- 두 프로그램이 네트워크를 통해 서로 통신을 수행할 수 있도록 양쪽에 생성되는 링크의 단자⇒ 서로 다른 프로세스끼리 데이터 전달이 가능하다 ! ① 스트림 (TCP)- 양방향으로 바이트 스트림을 전송, 연결 지향성 - 오류 수정, 정송처리, 흐름제어 보장- 송신된 순서에 따라 중복되지 않게 데이터를 수신 → 오버헤드가 발생- 소량의 데이터보다 대량의 데이터 전송에 적합 → TCP를 사용 ② 데이터그램 (UDP)- 비연결형소켓- 데이터의 크기에 제한이 있음- 확실하게 전달이 보장되지 않음, 데이터가 손실돼도 오류가 발생하지 않음- 실시..