본문 바로가기

HTML&CSS16

Parsing (파싱) 이란? Parser (파서) 란? 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com Parsing 언어학에서 parsing은 구문 분석이라고도하며 문장을 그것을 이루고 있는 구성 성분으로 분해하고 그들 사이의 위계 관계를 분석하여 문장의 구조를 결정하는 것 데이터를 조립해 원하는 데이터를 빼내는 프로그램을 하는것 컴퓨터 과학에서 parsing은 일련의 문자열을 의미있는 token(어휘 분석의 단위) 으로 분해하고 그것들로 이루어진 Parse tree를 만드는 과정 어떤 문장을 분석하거나 문법적 관계를.. 2021. 1. 8.
반응형 작업을 위한 폰트 단위 em / rem 사용 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com 결론부터 말하자면 html 태그에 10px 로 맞추고, 나머지 모든 Element는 REM을 쓰도록 하쟈 css에서 사용 하는 단위는 여러가지가 있다. 가장 많이 사용하고 있는 px를 비롯해 % / em / rem / vh / vw / vmin / vmax / ex / ch / 등이 있다. 요즘엔 사용하지 않는 것들도 있고 새롭게 떠오르는 단위도 있고..IE버전 지원 문제로 외면 받는 단위도 있다. 여기서도 IE지원 .. 2021. 1. 8.
[HTML]input에 안내문구 넣기 Placeholder속성 사용하기 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com Placeholder는 HTML5에서 추가된 속성입니다. 텍스트 입력 폼에 안내문구를 넣어 데이터 입력에 도움을 줍니다. 간단한 예는 다음과 같습니다. 입력 폼 안에 placeholder의 속성값인 ‘Your phone number.’가 나옵니다. Value 속성으로도 비슷한 효과를 낼 수 있습니다. 웹브라우저로 보았을 때의 모양은 거의 비슷하지만, placeholder와 value는 다음과 같은 차이점이 있습니다. .. 2021. 1. 5.
[펌]html/css flex, flexbox 반응형 웹을 위한 css 레이아웃 속성 정리 /* 나의 정리 */ 이 분 글이 가장 잘 실용적으로 설명되어 있는 것 같아서 퍼온다. Flex를 쓰면 Float : left or right, clearfix 같은 짓거리를 안할 수 있다. container 안에 item을 어떻게 정렬할 것인가? 에 대해 반응형 웹에서 구현하기 좋도록 IE10부터 지원하는 코드 형식이다. Flex 덕분에 그만큼 코드가 단순해진다. 코드가 단순해진다는 것은 그만큼 딴 짓을 더 할 여력이 생긴다. -> 더 좋은 UI가 구축될 환경이 구현되었다는 뜻. 가장 많은 쓰는 코드는 아마도.. display : flex or inline flex, justify-content: center; align-items: center; 인 것 같다. 나머지는 그 때 그 때 필요할 때 찾아서.. 2020. 8. 9.