# JacaScript
Conditional-rendering ( &&, 삼항연산자, Optional Chaining )
Javascript는 변수 선언코드가 함수 선언코드보다 뒤에 작성되어 있더라도변수 선언을 끌어 올려 일단 undefined로 선언한 후에 상단에서부터 순서대로 코드를 실행한다.순서대로 코드를 실행해나가다가 변수를 할당해주는 코드를 읽으면 그 때서야 undefined로

자기소개 질의응답
select box에서 선택한 값을 토대로 object로 만들어둔 답 보내기Velog를 오픈하고 자기소개를 적으면서 문득 만들어보고 싶은 예제가 생겼다.위처럼 나에대한 소개를 object로 만들어두고 select box에서 선택한 항목에 대한 답을 주는 것이다.step
실전연습(HTML/CSS/JS) : Nav bar
실전연습 반응형 Navbar를 만들어봤습니다. 순서 > 레이아웃 구조의 계획 HTML 구조 만들기 CSS 스타일링 하기 Javascript로 이벤트 처리 CSS 변수
바닐라 JS로 크롬 앱 만들기::복습 5.0~5.3
tip: 새로운 기능을 가진 js, css ...를 구현할 때마다 파일을 따로 두는 것이 관리하기 편하다.Interval: 매번 일정한 시간마다 같은 동작이 일어나는 것을 의미한다. 이러한 개념 또한 js에서 내장하고 있는데 사용방법이 굉장히 쉽다. 예를 들어, 5초마
[Javascript] HTML, CSS, JS의 관계
하이퍼텍스트 마크업 언어로 쉽게말해, 웹을 만들기 위한 가장 기초적인 언어이다. html은 문서의 골격이지 프로그래밍 언어가 아니다!프로그래밍 언어 : 문제를 해결하기 위해 컴퓨터에게 주어지는 처리방법과 순서를 정해주는 명령문을 작성하는 언어마크업 언어 : 마크(mar
TIL - 22 - React.js - LifeCycle
리액트를 사용할수록 자주 발생하는 에러가 Lifecycle 관련이다. 부모 컴포넌트와 자식 컴포넌트의 Lifecycle에 대해 알아보고 관련된 에러를 해결하는 방법을 정리해보고자 한다. LifeCycle 기본 순서 constructor render componentD

TIL02. Object Oriented Programming -
이번 시간은 '객체 지향 프로그래밍(Object Oriented Programming, OOP)'에 대해서 알아보려 한다. OOP는 문자 그대로, 프로그래밍을 할 때 실행되는 모든 로직을 '상태'(properties)와 '행위'(method)로 이루어진 객체(Objec