공부 정리 공부 정리

전체 글

• 특수 문자 용어

  기본 지식 2021. 4. 7. 17:38

  특수 문자의 영어/한글 이름과 키보드 위치 ` - 백틱(Backtick). 그레이브(Grave) - JS에서 자주 사용 ~ - 틸드(Tilde) - 물결 표시 ! - 엑스클러메이션(Exclamation mark) - 느낌표 @ - 앳 사인(At sign) - 골뱅이 # - 샵(Sharp), 넘버 사인(Number sign) - 우물 정 $ - 달러 사인(Dollar sign) % - 퍼센트 사인(Percent sign) ^ - 캐럿(Caret) - 무엇보다 이상일때 사용 & - 엠퍼센드(Ampersand) * - 에스터리스크(Asterisk) - 별표 - - 하이픈(Hyphen), 대시(Dash) - 마이너스 _ (Shift + 하이픈) - 언더스코어(Underscore), 로대시(Low dash) - ..

  Read More
• 비트맵과 벡터

  기본 지식 2021. 4. 7. 16:54

  비트맵(Bitmap) - 픽셀이 모여 만들어진 정보의 집합 - 레스터(Raster) 이미지라고도 부름 - jpeg, gif, png 등의 확장자 - 정교하고 다양한 색상을 자연스럽게 표현 (장점) - 확대/축소 시 계단 현상, 품질 저하 (단점) - 주로 일반적인 사진이나 그림 벡터(Vector) - 점, 선, 면의 위치(좌표), 색상 등 수학적 정보의 형태(Shape)로 이루어진 이미지 - svg 확장자 - 확대/축소에서 자유로움, 용량 변화가 없음 (장점) - 정교한 이미지(인물, 풍경 사진 같은)를 표현하기 어려움 (단점) - 주로 단순구조의 아이콘이나 로고의 이미지나 머터리얼 이미지 - 머터리얼 디자인(Material Design)은 고품질 디지털 경험을 구축할 수 있도록 구글에서 만든 디자인 시..

  Read More
• 크로스 브라우징과 렌더링

  기본 지식 2021. 4. 6. 15:15

  크로스 브라우징(Cross Browsing) -> 조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술이나 방법 렌더링 -> 브라우저의 뷰포트에 웹 사이트를 출력하는(그림 그려내는) 동작

  Read More
• HTML,CSS,JS 와 웹앱의 동작 방법

  기본 지식 2021. 4. 6. 15:06

  HTML (Hyper Text Markup Language) -> 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 -> 브라우저가 프로젝트 단위로 화면에 출력될때 index.html 파일을 우선적으로 찾아서 열게된다. CSS (Cascading Style Sheets) -> 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 JS (JavaScript) -> 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 웹앱의 동작 방법 사용자 컴퓨터(브라우저)에서 주소를 입력 1. 브라우저에서 서버 측에 최초 요청(Request) 2. 서버에서 컴퓨터에 최초 응답(Response) -> HTML 3. 브라우저에서 서..

  Read More