TIL

변수란 하나의 값을 저장할 수 있는 공간을 의미한다이러한 방법으로 'myAge' 변수를 '선언' 할 수 있다그리고 'myAge' 라는 변수 안에 '24' 라는 값을 '할당' 할수 있다.

🔍 배열과 반복문

객체는 프로퍼티로 구성되며, 프로퍼티는 키와 값으로 구성된다.프로퍼티의 값이 함수일 경우, 이를 메소드라고 한다.ex)프로퍼티phone.model: '갤럭시s10'phone.weight: 140g메소드phone.on()phone.off()phone.call()}; m

우선 두 키워드를 분리해서 알아보자!하이퍼 링크를 이용해 독자가 원하는 순서에 따라 기존문서로 접근할 수 있는 텍스트.차례대로 내용을 읽는 전통적인 텍스트 접근 방식이 아닌 링크를 통해 원하는 페이지로 바로 도착하는 방식. ex)하이퍼 링크를 이용해 바로 원하는 정보

✍오늘 공부한 콘솔 패널 복습하기!console 패널은 javascript를 개발자 도구창에서 바로 사용할 수 있는 기능 이다!디버깅을 하거나 코딩을 할때 많이 사용된다.console 패널에서 코드를 작성하고 새로고침을 하면 코딩한 내용이 날아간다 어떻게 해야할까?개발

📔Semantic Web , Tag

레이아웃은 웹사이트에 여러 구성요소를 보기좋고, 효과적이게 배치하는 작업을 말한다.레이아웃의 모든것을 공부해보자! 사진처럼 div로 생성되어 만들어진 영역은 content를 기준으로 padding margin 등의 영향을 받아 박스의 사이즈가 결정이 된다.레이아웃 에서

오늘은 인스타그램의 댓글창을 클론 코딩을 하며 써본 eventlistenr 와 appendchild 대해 복습해보겠다! 🔍 EventListener > 이벤트 리스너는 DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트이다. 이

구현 내용!id , pw를 입력 하는 input , 로그인 button 생성 id , pw에 validation(유효성 검사) 실행 1\. id에 '@' 를 포함. 2\. pw의 글자수가 5글자 이상. 3\. 기본적으로 로그인 버튼은 비활성화 상태여야함.

이번에 인스타그램 코딩을 하면서 flex 속성이 얼마나 소중한지 알 수 있었다.. 강의 들을때만해도 엄청 외우기 어려운 속성정도로만 생각하고 넘어 갔는데 전혀아니였다

"코드는 작성하는것보다 읽히는 경우가 더 많다"오늘 멘토님께서 말씀해주신 말이다.코드는 남이 읽히는 경우가 더 많기에 내가 이해할 수 있는 정도가 아닌 남이 봐도 명확하게 이해할 수 있어야 한다.단순히 많은 기능을 구현할 줄 안다고 좋은 개발자가 아니다. 효율적이고 확

String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.str: 텍스트 return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어, str = "abcabcabc" return 은 3 => 'abc' 가 제일 길기

리액트를 배우고 지금 까지 배운 이론을 인스타그램 로그인 클론코딩을 통해 적용해보기로 했다

모든 컴포넌트는 여러 종류의 “생명주기 메서드”를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수 있다.1\. constructor2\. render3\. componentDidMount4\. (fetch 완료)5\. (setState)6\

React의 조건부 렌더링은 자바스크립트에서 동작하는 것과 동일하게 동작한다. if 나 조건 연산자 같은 자바스크립트 연산자를 사용하여 현재 state를 나타내는 요소를 만들고 React가 UI를 업데이트하여 일치 시킨다.코딩을 하다보니 mock 데이터에 접속하기 위해

배송비

구현 내용 제품 선택창을 클릭해서 이름과 가격을 선택하고 색상 선택창을 클릭해서 색상을 선택 할 수 있다. 동작 원리 제품 선택창을 클릭하면 제품의 옵션을 보여주는 창이 드롭다운 된다. 옵션 중 하나를 선택하면 클릭한 옵션의 제품명과 가격이 수량박스에 저장된다. 또