본문 바로가기

프로그래밍/웹개발(WEB)
반응형
58

[html] html 인코딩 설정 html 인코딩 설정 개발을 하다가 보면 html에서 위와 같이 한글이 깨져서 나오는 경우가 발생합니다. 이러한 경우 인코딩을 설정해줘야 합니다. 보통 EUC-KR과 UTF-8을 한국에서 주로 사용하는데 EUC-KR 방식은 원래 영어만을 고려한 1byte 길이의 ASCII라는 인코딩 방식을 확장하여 한글을 사용할 수 있도록 만든 2byte 길이의 국가 언어 코드입니다. 즉 우리나라에서만 쓸 수 있도록 만든 코드이며 세계 어디에서나 공통으로 사용되는 인코딩 방식이 아니기 때문에 다른 언어를 사용하는 외국 같은 환경에서는 한글 페이지를 제대로 불 수 없는 문제가 발생합니다. 이러한 문제를 해결하기 위해서 새로운 인코딩 방식이 개발되었는데 그중 가장 보편화된 인코딩이 3byte 길이의 UTF-8입니다. 이전에.. 2021. 7. 8.
GNB, LNB, SNB, FNB 설명 GNB(Global Navigation Bar) 설명 사이트 전체에 동일하게 적용되는 최상위 전체 공통 내비게이션 메인 메뉴입니다. 대분류 메뉴, 전체 사이트에서 사용되는 공통 메뉴바입니다. LNB(Local Navigation Bar) 설명 GNB 메뉴의 서브 메뉴 형식으로 나오는 형태의 내비게이션입니다. 서브메뉴, 중분류 메뉴, 각 서브 분류 별 사용되는 특정 지역으로 가는 내비게이션 바입니다. SNB(Side Navigation Bar) 설명 일반적으로 왼쪽에 많이 위치해있으며 메인 메뉴, 서브메뉴를 제외한 나머지 사이드 메뉴, 기타 메뉴바를 의미합니다. FNB(Foot Navigation Bar) 하단 메뉴, 하단 로고, 주소 카피라이팅 영역을 의미합니다. 2021. 6. 30.
[Eclipse] 이클립스 콘솔 라인 출력 수 늘리기 이클립스 콘솔 라인 출력 수 늘리기 이클립스에서 Window > Preferences > Run/Debug > Console 선택 Console buffer size(characters) 80000으로 되어 있는데 800000으로 0 하나만 더 늘려 봅니다. 변경 후 Apply and Close를 눌러 줍니다. 2021. 6. 21.
꼭 알아야 할 리눅스 명령어 ls ( list segments) ls는 현재 위치의 파일 목록을 조회하는 명령어입니다. ※ 주요 옵션 ▶ ls -l : 파일들의 상세정보를 나타냅니다. ▶ ls -a : 숨어있는 파일들도 표시합니다. ▶ ls -t : 파일들을 생성된 시간별로(최신 것부터) 표시합니다. ▶ ls -rt : 파일들을 오래된 시간부터 표시합니다. ▶ ls -F : 파일을 표시할 때 마지막에 유형을 나타내는 파일명을 끝에 표시합니다.( '/' - 디렉터리, '*' - 실행파일, '@' - 링크) ▶ 각 옵션들을 자유자재로 합성해서 사용 가능합니다. ▶ ex) ls -lrt : 파일들의 상세정보를 나타내며, 오래된 것부터 표시합니다. cd ( change directory) cd는 경로를 이동할 때 사용하는 명령어입니다. ※.. 2021. 6. 11.
WEB서버, WAS서버 알아보기 WEB서버 란? 1. Web 서버의 개념 웹 브라우저 클라이언트로부터 HTTP 요청을 받아 정적인 콘텐츠(. html. jpeg. css 등)를 제공하는 컴퓨터 프로그램입니다. 2. Web Server의 기능 HTTP 프로토콜을 기반으로 하여 클라이언트(웹 브라우저 또는 웹 크롤러)의 요청을 서비스하는 기능을 담당합니다. 요청에 따라서 정적인 콘텐츠를 제공하거나 아니면 WAS를 거치지 않고 바로 자원을 제공하는 역할을 합니다. 동적인 컨텐츠 제공을 위한 요청을 WAS에 전달합니다. 클라이언트(일반적인 웹브라우저)의 요청(Request)을 WAS에 보내고, WAS가 처리한 결과를 클라이언트에게 전달(응답, Response)합니다. WAS(Web Application Server) 란? 1. WAS 서버의 .. 2021. 6. 10.
단방향 양방향 데이터 바인딩 알아보기 데이터 바인딩이란? 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터(여러 개의 자바스크립트 객체)를 일치시키는 것을 말합니다. 예를 들면 mvc 모델에서 model과 view를 서로 묶어 model과 view의 데이터를 서로 자동 동기화시키는 것으로 이해할 수 있습니다. 양방향 데이터 바인딩이란? 백단과 프론트의 뷰 양쪽의 데이터 일치가 모두 가능한 것이 양방향 데이터 바인딩입니다. 데이터의 변화를 감지해 템플릿과 결합해 화면을 갱신, 화면 입력에 따라 데이터를 갱신하는 것입니다. HTML -> JS, JS -> HTML 양쪽 모두 가능합니다. 양방향 데이터 바인딩은 데이터의 변경을 프레임워크에서 감지하고 있다가 데이터가 변경되는 시점에 DOM객체에 렌더링을 해주거나 페이지 내에서 모델의 변경을 감.. 2021. 6. 7.

티스토리툴바