행복했던 해외생활을 뒤로한채 부트캠프만보고 한국에 입국을 했다. 그동안 이런 저런 변명을 하면서 공부를 소홀히 했기 때문에 시간과 공간적 여유를 갖추면 열심히 할것 같았기 때문이다 😂 부트텐트에서 수십개의 부트캠프를 살펴보다가1.온라인 (지방에 살기 때문에 가장 큰
🔋HTML이란? ㅋㅋ..한번쯤 써보고싶었던 짤 > 웹페이지의 구조를 세우는 마크업 언어. 건물의 골격만 세워놓은 모양과같다.여기에 색과 위치를 정하고(CSS) 스위치를 눌러서 불을킨다와 같은 알고리즘(Javascript)을 붙이면 웹페이지 완성! 📌시맨틱태그(se
🔋CSS란? 탐난다...!🥺 📌자식/후손/형제 셀렉터 자식 셀렉터(header > p {}) : 첫 번째로 입력한 요소(header)의 "바로 아래" 자식인 요소(p) 선택한다. 후손 셀렉터(header p {} : 첫 번째로 입력한 요소(header)의 모든
오늘 만들어본 계산기 목업. 원래 세로로 긴 버튼을 만들어보고싶었는데 아무리 돌려봐도 안되어서 결국 가로 버튼으로 바꿨다 :(📎부모 요소에 적용해야하는 속성들 1.flex-direction: row(기본값), column, row-reverse, column-rev
html를 빠르게 마크업 하는 방법. li 태그 등 단순반복할 태그들이 많을때 쓰면 빠르고 쉽게 완성할 수 있다. 목적에 맞게 쓴뒤 tab키를 누르면 100줄이라도 0.1초만에 만들어지는 마법같은 기능!class나 id가 있는 div라면 적어주지 않아도 div가 생성된
드디어 자바스크립트 첫 날이다. 다행히 아직 공포의 반복문을 만나기 전이라 코플릿 문제들을 나름 수월하게 풀었긴 한데 페어님께 설명해주면서 나도 모르게 당연하게 여기던 것을 이유도 모르고 쓰고있다는 사실을 발견했다.
for문 몇 줄 없는 반복성을 띄는 코드는 모두 입력할 수 있지만 만약 102938019283개를 작성해야한다면 코드가 길어지고 가독성도 떨어진다. 이럴때 반복문을 사용하면 불필요한 코드를 반복적으로 사용하지 않고 간결하게 코드를 작성할 수 있다. for문 내부에
🙋🏻♀️ 문제 : 2 이상의 자연수를 입력받아 2부터 해당 수까지의 소수(prime number)들을 리턴해야 합니다.입력인자 1 : numnumber 타입의 정수 (num >= 2)출력string 타입을 리턴해야 합니다.2-3-5-7의 형식으로 리턴해야 합니다.
오늘의 과제는 2가지였다.1\. Lv1.계산기 구현하기2\. user flow에 따라 기능 구현하기(Lv2.Advanced, Lv3.Nightmare)나는 Advanced에서 막혔고 Nightmare는 실시간 세션을 통해 지켜봤는데 중간부터 머리가 공준분해 되는 기분이
오늘 나의 story..... 하루종일 단어들이 뇌에 떠나니는 나의 story.... > 1. 패키지와 패키지 매니저 : homebrew Node.js : nvm&node.js, nvm, npm&package.json > 1. 패키지와 패키지 매니저 : homeb
변수의 타입에는 원시 자료형, 참조 자료형이 있습니다. array는 여기서 참조 자료형에 해당하며 변수로 할당될 때 보관함의 주소(reference)에 담깁니다. \- const로 선언된 array를 변경할 수 있는 이유가 여기에 있습니다. 데이터를 그대로 가져가 사
JS에는 8가지 자료형이 있습니다. 이 중 7개는 하나의 데이터만 담을 수 있어 원시형이라고 부릅니다. 이와 달리 객체형은 다양한 데이터를 담을 수 있습니다.객체는 중괄호(curly bracket {...})안에 'key:value' 쌍으로 구성된 property를 여
이름표가 붙여진 캐비넷이 있다고 생각해봅시다. 여기서 원시 자료형은 선언시 각 캐비넷에 붙여진 이름표에 변수를 적고 캐비넷 안에 값을 할당합니다. 변수를 출력할때는 변수의 이름표를 찾아 그 안에 들어 있는 값을 보여줍니다.이번엔 참조자료형을 봅시다. 값이 여러개 이므로
🫣알고 있었다고 생각했는데 정확히 모르던 개념들을 정리해보자 함수표현식은 호이스팅이 안된다. Array.from() Rest parameter
🥯 구현한기능 > 1. 더미데이터를 화면에 나열한다 (거의 떠먹음) submit 클릭했을때 게시판 추가 답변완료인것 팡파레 이모지, 초록 박스. 미완료인것 고구마이모지, 오렌지 박스, notice 이모지 없음, salmon색 박스 새로고침 했을때 기존에 등록한 질문
queryselectorAll메소드를 이용하여 html element들을 자바스크립트로 가져와서 css로 스타일링을 해주었는데 제일 처음 요소에만 적용이 되었다.알고보니 queryselectorAll메소드를 사용하면 css선택자와 일치하는 모든 요소들을 가져와 Node
크게 두가지가 있다. 1. DOM 객체에 직접 지정하기 - 이벤트 핸들러 프로퍼티 방식 함수를 할당할 시에 함수의 실행 값이 아니라 함수 그자체를 할당해야한다. 왜? 이 코드는 페이지가 로드될 때 displayAlert() 을 즉시 실행하고 undefined 을