# 노마드코더

95개의 포스트
post-thumbnail

노마드 코더 간단 알고리즘 정리

요새 노마드 코더 채널에서 니꼴라스가 10분씩 알고리즘 및 자료구조를 정리해주는데간단하게 정리할 겸 적어보려 한다.youtube데이터 구조의 오퍼레이션 혹은 알고리즘이 얼마나 빠르고 느린지 측정하는 방법실제 시간을 측정하는 것이 아니라 얼마나 많은 단계 steps가 있

어제
·
0개의 댓글
post-thumbnail

[CSS] Class

.class 명 {} 으로 속성 적용.여러개의 태그에 적용하여 한번에 변경 가능.class 생성시 띄어쓰기를 통해 여러 값의 class 적용가능.여러개의 id 값을 한번에 적용할 수 있음.원하는 이미지의 값을 도출하려면 노가다 필요한듯..

어제
·
0개의 댓글
post-thumbnail

[CSS] Margine, Border, Padding

위, 아래 경계가 같다면 더 큰값의 margine 적용.(Collapsing margine)margin : a, b, c, d;(상, 하, 좌, 우) 값을 줄 수 있음.box 경계로 부터 바깥에 있는 공간 (border < margine)box 경계 안쪽의 공간

어제
·
0개의 댓글
post-thumbnail

[CSS] 기초

CSS 와 HTML 관계를 말할 때, stylesheet 이라 한다.rel(relationship) 에 대해 명시.

1일 전
·
0개의 댓글

노마드코더 JavaScript. Login

✅ login form 만들기 form 태그에 사용자 이름을 입력하고 엔터를 누르면 form 형식 사라짐. 1. HTML html에서 input을 form 태그 안에 위치시키면 엔터를 누를 때마다 자동적으로 submit이 된다. 이러면 매번 페이지가 새로고침 된다

1일 전
·
0개의 댓글
post-thumbnail

초보를 위한 React.js #1 Fundamentals

React JS 수업에서 많이 나오는 컨셉들 arrow functionspread operatorclassarray operationArrow function(화살표 함수)일반적인 표기화살표 함수return을 안썼다는 차이가 보이는데 화살표함수에서는 함축되어있다고 한다

6일 전
·
0개의 댓글

Challenge 08

이번에는 너무 어려워서 손대지 못하다가 (점이 움직이는 건 못했지만) 뮤직 바(bar) 처럼 보이는건 조금 손댈 수 있었다. 뿌듯했다 그래서 이번에는 모범답안의 코드 위주로 정리할 것이다.나는 각각의 <div>의 margin을 이용해서 떨어트리려고 했는데flex속

2021년 6월 16일
·
0개의 댓글

Challenge 07

그동안은 <style> 태그 안에 하단에 @import문을 붙여 넣어줬는데 구글폰트가 적용이 안됐다.다른 스타일속성을 작성하기 전에 제일 먼저 글씨체를 어떤걸로 할지 알려줘야 웹문서에서 인식을 한다.

2021년 6월 16일
·
0개의 댓글
post-thumbnail

Challenge 06

공부자료1\. div 정렬방법2\. flex 속성요소들을 배치하기 전에 전체적으로 리셋처리했다내가 이번에 사용한 화면중앙배치flex속성을 이용했다.전체영역에 마진과 패딩을 0으로 설정해서 그런지 화면 중앙에 배치하려고 body 요소에 아래와같이 스타일을 적용하니까 위에

2021년 6월 16일
·
0개의 댓글
post-thumbnail

HTML과 CSS만으로 카카오톡 클론하기

HTML과 CSS만으로 애니메이션이 곁들여진 카카오톡 클론이 가능하다? Yessss...

2021년 6월 14일
·
0개의 댓글

Challenges 05

HTML에 CSS를 두 번 포함시킬 수 있다.

2021년 6월 11일
·
0개의 댓글

Challenges 04

범위 <input>는 <datalist>와 함께 사용한다

2021년 6월 10일
·
0개의 댓글

Challenges 03

<HTML> 태그에는 내부에 다른 <HTML> 태그가 있을 수 있다.<body> 태그에 ID를 추가 할 수 있다.

2021년 6월 9일
·
0개의 댓글

Challenges 02

Q. To make a heading on HTML I should write <h1>Title<h1>A. False<title> 태그는 문서의 제목을 정의합니다. 제목은 텍스트 전용이어야하며 브라우저의 제목 표시 줄이나 페이지의 탭에 표시됩니다.Q.

2021년 6월 8일
·
0개의 댓글

Challenges 01

Q. How many langauges can a website be made of?A. Min. 1 Max. 3Js makes our website interactive. 대화형 웹사이트CSS makes our website responsive 반응형 웹사이트는 CS

2021년 6월 6일
·
0개의 댓글

[TIL.01 wetube] 2.0 to 3.11

2.0 Your First NodeJS Project json 파일 생성

2021년 5월 27일
·
0개의 댓글
post-thumbnail

#3 JS APP 만들기

1.clock.js 화면에 시간 표시하기 HTML > html 해당 태그를 추가하고 해당 div 태그 클래스 "js-clock"를 추가한다. 자바스크립트에서 해당 클래스 값을 이용하여 해당태그를 수정하기 위해서이다. Javascript > doucument 객체

2021년 5월 19일
·
0개의 댓글
post-thumbnail

노마드 코더를 공부하면서.

노마드코더 그만둔 이유, 새로운 마음가짐

2021년 5월 19일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 0. 환경 설정

노마드 코더에서 첫 리액트 강의를 들어보기로 했다.일단 터미널에서 설치하는 것으로 시작했다.nodeJS : 서버사이드 자바스크립트npm : 자바스크립트 패키지 관리 모듈(Node Package Module)npx : npm 레지스트리의 패키지 사용 경험을 파악하기 위한

2021년 5월 19일
·
0개의 댓글

#2 PRACTICE

1. 자바스크립트를 이용하여 html 수정 자바스크립트에서 HTML 문서의 내용을 수정 할 수 있다. HTML 코드 CSS 코드 출력 화면 해당 HTML 코드를 자바스크립트에서 Document 객체를 사용하여 수정하기 > const title = document.

2021년 5월 17일
·
0개의 댓글