신입개발자 TIL 10 - Display Property Display property는 화면이 렌더링 되었을때 web의 어떠한 특정 영역이 표시 되는데 성질을 부여하는 property입니다. 크게 display property는 4가지 타입이 있다. 4가지 타입을 알아보기 전에 HTML 태그들은 크게 block과 inline으로 나뉘게 된다. Block Block 요소 옆에는 다른 Block 요소가 오지 못합니다. 예를 들어 div 옆에는 다른 ... TILCSSweb신입개발자CSS TIL 5 - JavaScript (Array) 개발을 진행하다 보면 순서가 있는 collection이 필요할 때가 있습니다. 이런 경우 객체를 사용하면 순서와 관련된 method가 없어 불편할때가 많습니다 왜냐하면 객체는 순서를 고려하지 않고 만들어진 자료구조이기 때문입니다. 이럴 땐 순서가 있는 컬렉션을 저장할 때 쓰는 자료구조인 배열을 써줍시다! 배열 선언하는 방법 😁 빈 배열을 만드는 문법입니다. 보통 method 2로 배열을 선언... JavaScript신입개발자주니어개발자배열자바스크립트arrayJavaScript TIL 12 - React Basic Concepts 리엑트가 개발된 이유는 페이스북에서 페이스북의 UI를 더 잘 만들기위해서 고민을 하다 나온게 리엑트이라고 한다. 가장 쉽게 생각하면 리엑트는 자바스크립트 UI Library라고 생각하면 된다. 그러면 리엑트를 본격적으로 공부하기전에 라이브러리 그리고 프레임워크라는 컨셉이 뭔지 그리고 리엑트를 왜 쓰는지에 대해서 알아보자! 이 두가지 컨셉을 쉽게 이해하기 위해서 F1 레이스카를 만드는 과정을 ... 라이브러리신입개발자ReactReact TIL 20 - React (State and Props) state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있습니다. state는 단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. 📍 클라스 컴포넌트 | state 다음의 순서대로 state 값을 특정 요소에서 반영할 수 있습니다. dot notation을 사용하여 객체(state)의 특정 key(color) 값에 접근하여 그 값을 color 속성의 value로... 신입개발자StateReactPropsProps TIL 7 - Logical Operators 자바스크립트에는 세 종류의 논리 연산자가 있다. 요번 블로그에서는 이 세 종류의 연산자가 어떻게 작용하고 사용되는지 알아보자!✌️ OR는 두 개의 수직선 기호로 표현한다. 이 연산자는 boolean값을 조작하는 데 쓰입니다. 인수 중 하나라도 true이면 true를 반환하고, 아니면 false를 반환합니다. OR 연산자는 if문에서 자주 사용됩니다. OR 연산자와 피연산자가 여러 개인 경우에... 주니어개발자JavaScript신입개발자TIL자바스크립트JavaScript
TIL 10 - Display Property Display property는 화면이 렌더링 되었을때 web의 어떠한 특정 영역이 표시 되는데 성질을 부여하는 property입니다. 크게 display property는 4가지 타입이 있다. 4가지 타입을 알아보기 전에 HTML 태그들은 크게 block과 inline으로 나뉘게 된다. Block Block 요소 옆에는 다른 Block 요소가 오지 못합니다. 예를 들어 div 옆에는 다른 ... TILCSSweb신입개발자CSS TIL 5 - JavaScript (Array) 개발을 진행하다 보면 순서가 있는 collection이 필요할 때가 있습니다. 이런 경우 객체를 사용하면 순서와 관련된 method가 없어 불편할때가 많습니다 왜냐하면 객체는 순서를 고려하지 않고 만들어진 자료구조이기 때문입니다. 이럴 땐 순서가 있는 컬렉션을 저장할 때 쓰는 자료구조인 배열을 써줍시다! 배열 선언하는 방법 😁 빈 배열을 만드는 문법입니다. 보통 method 2로 배열을 선언... JavaScript신입개발자주니어개발자배열자바스크립트arrayJavaScript TIL 12 - React Basic Concepts 리엑트가 개발된 이유는 페이스북에서 페이스북의 UI를 더 잘 만들기위해서 고민을 하다 나온게 리엑트이라고 한다. 가장 쉽게 생각하면 리엑트는 자바스크립트 UI Library라고 생각하면 된다. 그러면 리엑트를 본격적으로 공부하기전에 라이브러리 그리고 프레임워크라는 컨셉이 뭔지 그리고 리엑트를 왜 쓰는지에 대해서 알아보자! 이 두가지 컨셉을 쉽게 이해하기 위해서 F1 레이스카를 만드는 과정을 ... 라이브러리신입개발자ReactReact TIL 20 - React (State and Props) state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있습니다. state는 단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. 📍 클라스 컴포넌트 | state 다음의 순서대로 state 값을 특정 요소에서 반영할 수 있습니다. dot notation을 사용하여 객체(state)의 특정 key(color) 값에 접근하여 그 값을 color 속성의 value로... 신입개발자StateReactPropsProps TIL 7 - Logical Operators 자바스크립트에는 세 종류의 논리 연산자가 있다. 요번 블로그에서는 이 세 종류의 연산자가 어떻게 작용하고 사용되는지 알아보자!✌️ OR는 두 개의 수직선 기호로 표현한다. 이 연산자는 boolean값을 조작하는 데 쓰입니다. 인수 중 하나라도 true이면 true를 반환하고, 아니면 false를 반환합니다. OR 연산자는 if문에서 자주 사용됩니다. OR 연산자와 피연산자가 여러 개인 경우에... 주니어개발자JavaScript신입개발자TIL자바스크립트JavaScript