자바스크립트에서 성능 최적화를 하는 방법에는 여러 가지가 있습니다. 우선 제가 주로 사용하는 몇 가지 방법을 공유드리려고 합니다. 성능 최적화를 하는 이유는 비개발자이거나 소규모 사이트의 제작자 라면 사실할 필요도 크게 없습니다. 반면 본인이 서버를 직접 운영한다거나 대규모 사이트를 운영하고 있으시다면 성능 최적화만 하더라도 운영비를 크게 감소할 수 있을 것으로 예측이 됩니다. 1. DOM 접근 최소화 DOM을 접근할 때에는 가능하면 지역 변수로 할당하여 사용하시는 것이 좋습니다. dom 도 하나의 object이기 때문에 프로토타입 체인에 의해 내가 원하는 위치를 찾는데 시간이 발생하기 때문입니다. function getObject(){ let dom = document.getElementById('co..

자바스크립트로 코딩을 하다가 postman을 사용할 일이 있어서 그냥 여기 카테고리에 적는다. ssl 이나 proxy 같은 경우에는 보통 인터넷망이나 aws 망 같은 곳에서는 일어날 일이 사실상 거의 없다. 보통 회사의 사내망이나 폐쇄망 같은 곳에서 보안상 많이 막아 두는 경우가 많은데 node js, javascript 를 코딩하던 중 Restul api를 테스트 해야하는데 그놈의 방화벽 때문에 몇 시간 동안 삽질을 했다. 아래가 흔히 인터넷에서 나오는 node 사용시 프록시 방법이며 npm config 를 설정하라는 것인데 나한테는 씨알도 안먹혀서 다른 방법을 찾아보았다. npm config set proxy 주소:포트 npm config set https-proxy 주소:포트 npm config s..

placeholder="ex) test1 test2"

부트스트랩에서 채용해서 약간 수정하였다. 체크박스, 라디오 버튼과 옆에 쓰여지는 글자의 위치가 일직선으로 정렬이 된다! 크롬, 파폭, 사파리, IE7~10

Ajax의 성능을 올리는 수 있는데에는 몇가지 방법이 있다 1) 데이터 캐시 서버측에서는 브라우저에서 응답을 캐시하도록 HTTP 헤더를 설정한다. 클라이언트 측에서 가져온 데이터를 로컬에 저장해서 다시 요청할 필요를 없게 한다. 2) 로컬에 데이터 저장 브라우저가 캐시를 다루도록 의존하지 않고, 서버에서 받아온 응답을 저장해서 좀 더 수동에 가깝게 캐시를 다룰 수 있다. 일반적으로는 헤더에 설정하는 것이 좋다.

Ajax에서 데이터 포맷을 고려할 때는 속도만 신경 쓰면된다. 크게 4가지가 있다. XML, JSON, HTML, 커스텀 포맷 1) XML Ajax가 처음 알려질 때는 XML이 데이터 포맷으로 널리 쓰였다. XML은 상호간의 운용성이 높아 서버와 클라이언트 모두 잘 지원한다. 엄격한 형식을 갖췄으며 유효성 검사도 쉽다. 다른 포맷과 비교하면 XML은 매우 장황하다. 개별 정보마다 구조가 필요하고 데이터 비율도 낮다. 보통 상위 노드를 복수형으로 감싸고 하위 노드를 단수형으로 하여 해당 요소들을 나열한다. 2) JSON 더글라스 크락포드가 형식화하고 널리 알려진 JSON은 객체와 배열문법만으로 가볍고 파싱하기 쉬운 데이터 포맷이다. JSON 포맷이 현재는 가장 빠르다. 위의 XML보다 코드가 간편하고 오히..