코딩공부(25)
-
퍼블리싱 기본 이해 ( http https 차이, 파싱 뜻, 페이지 속도 )
http / https http : 불특정 다수를 상대로 모두에게 공개. 엄청 가벼운 것이 장점. 요청 프로세스가 짧으므로 쿠키를 사용하고 그래서 보안에 취약 https : 보안인증서를 사용하는 절차로 요청 프로세스에 보안레이어가 추가되어 무거워짐. mangkyu.tistory.com/98 [Web] HTTP와 HTTPS 및 차이점 1. HTTP란? [ HTTP(Hyper Text Transfer Protocol)란? ] HTTP(Hyper Text Transfer Protocol)란 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다. 즉, HTTP는 인터넷에서 하이퍼텍스트를 교환.. mangkyu.tistory.com 파싱 parsing, 구문 분석이라는 의미로 문서(데이터)의 내용을 ..
2021.05.13 -
반응형 작업 시 유의점
breakpoint 1025 ~ : PC 768 - 1024 : 태블릿 (가로) 481 - 767 : 태블릿 (세로), 대형 모바일 320 - 480 : 모바일 작업 유의점 일반적으로 웹페이지 먼저, 그리고 쿼리단을 내려가면서 작업한다. 용량 최적화를 위해 하나의 이미지로 전체 쿼리단에서 작업하는게 좋다. background-image 도 100%를 주고 width 값으로 조정이 가능하다. 역동적인 배경 삽입 background-image로 삽입하고 background-size로 사이즈 조절 가상선택자로 배경 삽입 후 transform 등으로 조절 - 참고 : www.sitepoint.com/css3-transform-background-image/ html img 태그로 삽입 후 position z-i..
2021.04.29 -
다양한 퍼블리싱 회사 차이점 ( si, sm, 사이트운영/관리 )
SI 솔루션 구축 서비스 공공기관 등 타 회사에서 수주를 받아 단기간에 작업하고 끝. 후속처리는 거의 없음 시간적 압박 有 SM 구축+운영 구축서비스와 더불어 약 1년정도 운영 서비스 제공. 다른 회사가 오거나 운영팀이 생기면 인계해줌 사이트 운영/관리 일반적으로 '인하우스'라고 부름 구축부터 운영, 관리 등 다양한 작업을 수행
2021.04.14 -
form: input, select, radio, textarea 와 label로 placeholder 대체하기
웹 표준과 웹 접근성을 위해 form element와 label을 연동할 것 // 명시적 - 권장 이름 // 암시적 이름 출처: https://mygumi.tistory.com/359 [마이구미의 HelloWorld] 대부분 명시적 방식 권장, 오래된 기기는 암시적 방식을 지원하지 않을 수 있음. input[type="text"] height, line-height 속성 사용 자제 for 크로스브라우징 ( ie8에서 글자 세로정렬에 문제가 있어 제대로 구현되지 않음 ) ➡ padding 속성을 사용 input[type="text"], input[type="password"] { height: auto; /* 높이 초기화 */ line-height: normal; /* line-height 초기화 */ p..
2021.04.08 -
jQuery: event ( mouse, keyboard, form, browser, document loading, handler , event object)
event 웹에서 발생할 수 있는 특정한 사건 $("선택자").{eventtype}(function(){ 이벤트 문장; }) mouse event click() : mousedown+mouseup $("p:eq(0)").click(function(){ $(this).addClass("on"); }) hover() : mouseover+mouseout $("선택자").hover(function(){ mouseover에서 실행될 이벤트 문장 },function(){ mouseout에서 실행될 이벤트 문장 }); contextmenu() : mouse right click $("div").contextmenu(function() { $(this).toggleClass("bg"); }) 마우스 우클릭 금지 마우..
2021.03.02 -
프로그래밍 기초
알고리즘 algorithm = 해법, 문제를 푸는 순서. 효율 좋은 구조로 프로그램을 만들기 위한 사고 방법 프로그래밍이란, 어떤 순서로 어떤 조건일 때 어떤 식으로 작업할지를 짜는 것. 이 순서를 컴퓨터가 이해할 수 있는 프로그래밍 언어로 얘기할 때, 프로그램 코드가 된다. 변수 named storage = 값(데이터)를 담아두는 저장소 흐름 짜기: 모아야 할 데이터 정하기 순차, 선택, 반복 이라는 3개의 제어 구조를 조합하여 만들기. 순차 var sum; sum = 10+5; window.alert(sum); 선택 : 둘 중 한쪽으로만 움직인다 var sum; sum=3000+5000; if (sum
2021.02.06