본문 바로가기

전체 글139

Text 하단 고정 Text Element를 하단에 고정 시킬 때 아래와 같이 처리했다. width 100%로 설정하고 text-align 을 먹여야 한다. .footer { position: fixed; top: 95%; width: 100%; text-align: center; font-weight: var(--weight-bold); color: var(--color-white); } 너무 기초적인 것인데 실수할 때가 있다. 정확히 익혀두자. 2021. 1. 11.
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.
React Component 생성 & 사용하는 방법 React Component 리액트 컴포넌트는 html 요소들을 반환하는 것이라고 할 수 있다. 컴포넌트는 만들고 싶은 만큼 만들고, 각각 파일로 분리해서 관리한다. 하지만 React application은 한 번에 하나의 컴포넌트만 rendering 할 수 있다. 따라서 모든 것은 App.js에 모두 들어가야하고, 이 application 안에서 많은 컴포넌트를 넣고 import할 수 있다. 그리고 컴포넌트는 일종의 UI 조각이라고 할 수 있다. 따라서 쉽게 재사용이 가능하다. 컴포넌트 여러 곳에서 여러 번 불러와서 사용할 수도 있다는 것이다. React Component 생성 1. src 디렉토리에 Hello.js 파일 추가 2. import & 함수 또는 클래스 형태 & export 코드 작성 He.. 2021. 1. 7.
React 장점 1 추가적인 템플릿 코드없이, HTML 작성과 함께 javascript를 사용할 수 있게 되었다. 이게 엄청난 효율을 가져올 수 밖에 없었다. {중괄호} 하나만 더 추가되면 너무 큰 이점이 있었다는 것이 매우 유용했다. import React from "react"; const getTitle = title => { return title; }; function App() { return ( Hello {getTitle("Title")} Serach: ); } export default App; 2021. 1. 6.
[HTML]input에 안내문구 넣기 Placeholder속성 사용하기 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com Placeholder는 HTML5에서 추가된 속성입니다. 텍스트 입력 폼에 안내문구를 넣어 데이터 입력에 도움을 줍니다. 간단한 예는 다음과 같습니다. 입력 폼 안에 placeholder의 속성값인 ‘Your phone number.’가 나옵니다. Value 속성으로도 비슷한 효과를 낼 수 있습니다. 웹브라우저로 보았을 때의 모양은 거의 비슷하지만, placeholder와 value는 다음과 같은 차이점이 있습니다. .. 2021. 1. 5.

티스토리툴바