profile
making-dev
post-thumbnail

위스타그램 개발노트(React)

reset.scss, common.scss의 위치는 index.js에서 한번만 하면 됨.import 할 때도 순서가 있다. :회사마다 다르겠지만 체계적인 관리를 위해 순서를 정해놓고 쓰는게 좋다.1.라이브러리React 관련 패키지외부 라이브러리2.컴포넌트공통 컴포넌트

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

useState 의 setState는 비동적으로 동작

🔶검색창이 안됐던 이유https://bamtory29.tistory.com/entry/React-useState%EC%9D%98-%EB%B9%84%EB%8F%99%EA%B8%B0%EC%A0%81-%EB%8F%99%EC%9E%91https://velo

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

로마자에서 숫자로 바꾸기

1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다. III = 3 XII = 12 XXVII = 27 입니다.| Symbol

2022년 6월 13일
·
0개의 댓글

공통된 시작 단어 반환

strs은 단어가 담긴 배열입니다. 공통된 시작 단어(prefix)를 반환해주세요.예를 들어 strs = 'start', 'stair', 'step' return은 'st'strs = 'start', 'wework', 'today' return은 ''

2022년 6월 12일
·
0개의 댓글
post-thumbnail

위스타그램 개발노트(JS)

처음엔 로그인 버튼이 비활성화 상태로 시작.id값이 1개 이상, 비밀번호 값이 6개 이상이 되면 버튼이 활성화 되게끔 함.👉 button태그의 disabled 속성 활용.button태그에 disabled 속성이 있으면 버튼이 비활성화, 없으면 버튼이 활성화 됨.dis

2022년 6월 5일
·
0개의 댓글

rem과 em의 차이

참조 사이트https://www.geeksforgeeks.org/css-units-em-rem-px-vh-vw/https://medium.com/watcha/watcha-개발-지식-px-em-rem-f569c6e76e66브라우저 기본 글꼴 크기에 상대

2022년 6월 4일
·
0개의 댓글
post-thumbnail

Deep Dive - 11.원시값과 객체의 비교

※ 사전지식\- 변수명(식별자) : 변수 값이 저장되는 ‘메모리 공간’을 지칭하기 위해 붙인 이름이고\- 변수의 값은 : 변수에 저장된 ‘데이터 자체’이다.🔆 1. 원시값을 변수에 할당하면? - 값을 저장함.코드 생성과정 1)새로운 메모리 주소에 공간을 만들고 2)

2022년 5월 29일
·
0개의 댓글
post-thumbnail

이벤트

1.keydown, keypress, keyup 이벤트 정의 keydown: 키보드를 누를 때 실행. 키를 누르고 있을 때 단 한번만 실행 keypress: 키보드를 누를 때 실행. 키를 누르고 있을 때 계속 실행 keyup: 누른 키에서 손을 뗄 때 실행 2

2022년 5월 28일
·
0개의 댓글

자바스크립트 데이터타입 - 질문

primitive type(원시형)1) number : infinity, NaN도 number type임!2) string3) boolean4) undefined : 변수를 선언하고 초기화하지 않았을 때 나옴. ex) let number;5) null : 변수에 값이

2022년 5월 26일
·
0개의 댓글

연산자(수학,비교,논리 연산자)

🔶 수학 연산자 1. 원칙 : 대부분의 산술 연산자는 오직 숫자형의 피연산자만 다루고, 피연산자가 숫자형이 아닌 경우에 그 형을 숫자형으로 바꿈. 2.예외 : 그러나 덧셈 연산자(+)는 좀 특이함. 🔆 특이1 덧셈 연산자(+)는 문자열 연결과 변환이라는 특

2022년 5월 25일
·
0개의 댓글

문자열을 정수로 바꾸기

참고사이트 : https://dev.to/sanchithasr/7-ways-to-convert-a-string-to-number-in-javascript-4l: 문자열이나 다른 값을 Number 타입으로 변환함. : 만약 만약 인수를 숫자로 변환할 수 없으면

2022년 5월 25일
·
0개의 댓글

함수 - 질문

🔶 function : 하나의 함수는, 하나의 return문만 갖을 수 있다. : return이 없다면 undifined를 반환한다. 🔶 함수선언문, 함수표현식 - (deep dive 165p 참조) 함수는 크게 "함수 선언문"과 "함수 표현식"으로 만들 수 있

2022년 5월 25일
·
0개의 댓글
post-thumbnail

배열 메소드(헷갈리는 것 위주로)

참고 사이트 : https://ko.javascript.info/array의미 : 배열의 끝에 하나 이상의 요소를 추가반환값 : 호출한 배열의 새로운 length값.사용의미: 배열에서 마지막 요소를 제거함반환값 : "제거된 요소를 반환"합니다.사용의미: 새로운

2022년 5월 25일
·
0개의 댓글

Semantic Web, Semantic Tags

🔶 Semantic Web, Semantic Tags https://poiemaweb.com/html5-semantic-web 🔶 'img태그'와 'div태그에 background-image 속성 사용'의 차이점 사이트에 이미지를 넣는 방법은 두 가지가 있다. `

2022년 5월 25일
·
0개의 댓글

들여쓰기 내어쓰기, 행간과 자간

: 인용구문을 넣을 때 쓰는 태그: 기본적으로 들여쓰기를 한 것으로 그려짐: 들여쓰기를 조절하려면 margin값 이용.사용예제: 양수로 하면 "들여쓰기" , 음수로 하면 "내어쓰기" 지정 가능   - 스페이스를 의미line-height : 글자 "줄 사

2022년 5월 23일
·
0개의 댓글

[Lv.2]N개의 최소공배수

문제: https://programmers.co.kr/learn/courses/30/lessons/12953?language=javascript ※ 최대공배수 구하는 방법 (출처 : https://mathbang.net/204) : 2 x 2 x 2 x 3 x 5

2022년 5월 20일
·
0개의 댓글
post-thumbnail

Styled Component

npm i styled-componentsvscode-styled-components Extension 설치→ 출력결과props와 컴포넌트 확장→ 출력결과

2022년 5월 18일
·
0개의 댓글

객체에 대해

: 다양한 타입의 값을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식임: 프로퍼티 값에 모든 자료형이 저장되므로 다양한 타입의 값을 한번에 관리할 수 있음.: 각각의 변수에 값을 일일이 저장하는 대신, 하나의 단위로 구조화 할 수 있어 유용함.각각의 변수로 데이

2022년 5월 12일
·
0개의 댓글
post-thumbnail

Deep Dive - 40.이벤트 위임

여러 개의 하위 DOM 요소에 각각 이벤트를 등록하는게 아니라, 하나의 상위 DOM요소에 이벤트를 등록하는 방법작동 원리 : 버블링을 통해 이벤트 타켓(이벤트를 발생시킨 DOM요소)에서 부터 상위 요소로 올라가면서 이벤트를 캐치하게 됨.만약 하위 요소에 각각 이벤트 핸

2022년 5월 11일
·
0개의 댓글
post-thumbnail

Deep Dive - 40.이벤트 전파(버블링,캡쳐링)

이벤트 전파는 3단계로 구분할 수 있음.캡쳐링 단계(propagate up): 이벤트 객체가 상위 요소에서 하위 요소 방향으로 전파타깃 단계 : 이벤트 객체가 이벤트 타깃에 도달함.버블링 단계(propagate down) : 이벤트 객체가 하위 요소에서 상위 요소 방향

2022년 5월 11일
·
0개의 댓글