profile
그리다 보면 ~ ♪
post-thumbnail

입출력 사칙연산

10869번 문제 solution 정답 💠 math.floor() 함수는 주어진 숫자보다 작거나 같은 최대 정수 값을 반환, 즉 소수값이 존재할 때 소수점 이하를 버림한다. ❗math.cell(): 올림 할때 사용 math.around(): 반올림 할때 사용 참고: https://developer.mozilla.org/ko/docs/Web/Java...

2021년 12월 28일
·
0개의 댓글
·
post-thumbnail

입출력 A x B

10998번 > 문제 풀이 간단하게 풀이 , 자바스크립트에서 trim() 으로 쓰는 법도 있지만 주로 jQuary로 쓰이고 , 변수를 지정해서 풀이하는 것이 깔끔해서 수정했다.

2021년 12월 23일
·
0개의 댓글
·

pwa

pwa ( Progressive Web Apps) : 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기술 , 웹과 앱 모두 장점을 결합한 제품 pwa에서 구현 할 수 있는 기능 푸시 알림 아이콘을 홈 화면에 추가 설치 불필요 , 네이티브 앱과 같은

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

입출력 A+B , A-B

2021년 12월 21일
·
0개의 댓글
·

입출력 개

10172번 아래 예제와 같이 개를 출력하시오. >정답 : > 문제 해설 > 왜 오류가 났을까?

2021년 12월 20일
·
0개의 댓글
·

로그인 과정

로컬스토리지,세션스토리지 로컬 스토리지와 세션스토리지는 html5에 추가된 저장소이다 로컬스토리지와 세션 스토리지의 차이점은 영구성이다. 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아있다. 세션 스토리지의 데이터는 윈도우나 브라우저 탭을 닫을

2021년 12월 20일
·
0개의 댓글
·

입출력 고양이

백준 10171번 고양이 정답

2021년 12월 18일
·
0개의 댓글
·
post-thumbnail

Hooks

Hooks ? class 컴포넌트의 state 관리와 라이프사이클 관리 기능을 함수형 컴포넌트에서도 가능하게 하는 함수들을 말한다.class 컴포넌트와 함수형 컴포넌트의 차이 함수형 컴포넌트는 클래스 컴포넌트보다 선언하기 쉽고 메모리 자원도 클래스보다 덜 사용하나

2021년 12월 15일
·
0개의 댓글
·
post-thumbnail

Lifecycle methods

Lifecycle methods : 생명주기 메서드, 컴포넌트가 브라우저사에 나타나고 업데이트 되고 사라지게 될때 호출되는 메서드 Lifecycle methods는 클래스형 컴포넌트에서만 사용 가능 <마운트 >constructor : 컴포넌트의 생성자 메서드, 컴

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

props / state

props는 properties의 줄임말로, 컴포넌트의 속성값을 말한다. 어떤 값을 컴포넌트에게 전달해줘야 할때 props를 사용props는 부모 컴포넌트로부터 전달 받은 테이터를 지니고 있는 객체props를 이용해 어떤 자바스크립트 값을 모두 자식 컴포넌트에 전달 할

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

event , == / ===

이벤트 버블링: 특정 화면 요소에서 이벤트가 발생했을때 해당이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성 (html은 트리구조로 되어 있는데 상위에 있는것을 상위 화면 요소로 보면됨)div -> div -> div-> body 이벤트 위임 : 하위 요소에 각각의

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

this

this : 클래스로 생성한 인스턴스 객체 의미 , 보통 클래스에서만사용하는데 자바스크립트에서는 this를 어디서든 사용 가능 상황에 따라서 달라짐1\. 그냥 쓰거나 일반 함수안에 쓰면 window (기본 함수들 수납공간)window는 모든 전역변수, 함수, DOM을

2021년 12월 8일
·
0개의 댓글
·
post-thumbnail

Arrow function

Arrow function 에 대해 설명 화살표 함수는 function 키워드 대신 화살표 ⇒ 사용하여 기존의 함수 정의 방식보다 간략하게 함수를 정의 코드들을 기능으로 묶고 싶을 때 사용 화살표 함수는 표현 뿐만 아니라 내부 동작도 기존의 함수보다 간략하다. 직

2021년 12월 8일
·
0개의 댓글
·
post-thumbnail

[project] MZL

project team MZL

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

Bubble Sort

버블정렬 (Bubble Sort) : 인접한 데이터를 교환해서 정렬하는 알고리즘이다. 정렬 된 모습이 거품처럼 보인다고 해서 붙여짐 index 0index 1 부터 교환하기 시작, 인접한 두수를 비교하여 더 큰 것을 우측으로 이동시킨다.

2021년 10월 31일
·
0개의 댓글
·
post-thumbnail

React, styled componets

2차 프로젝트에서 사용했던 스타일 컴포턴트를 정리 > styled componets : 자바스크립트 파일 안에 스타일을 선언하는 방식으로 된 CSS-in_JS 라이브러리이다. 스타일 컴포넌트를 설치한다. src 디텍터리에 파일을 생성한다. import styled, from 'styled-components'; 상단에 코드로 작성한다. retur...

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

Selection Sort

정렬 알고리즘 : 순서가 없는 테이터를 순서있게 나열하는 알고리즘 대표적으로 정렬 방법인 선택정렬, 버블정렬, 삽입정렬, 퀵정렬이 유명한 정렬 법 이다. 이번에는 Selection Sort (선택 정렬)을 정리하고자 한다. > 선택정렬 : 가장 작은 데이터를 선

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

정규 표현식

1차 프로젝트때 사용했던 정규 표현식을 간략하게 정리 정규 표현식은 문자열에서 나타나느 특정 문자 조합과 대응 시키기 위한 패턴이다. 짧게 '정규식'이라고도 한다. > 정규 표현식 만들기 정규식 리터럴을 사용하는 방법 (슬래쉬로 감싸는 방법) const re

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

Git rebase

git rebase ? 여러개의 commit을 sqush를 사용해 하나로 정리 하는 과정이다. ⭐ 즉 PR/브랜치 당 commit이 하나여야 된다. merge와 rebase 의 차이점 : merge는 branch를 통합 하는 것이고, rebase는 단어 뜻대로 베이

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

Git&Github 협업 정리

1차 프로젝트 하면서 git과 github 사용법에 대해서 배웠던것을 정리 협업 시 클론 브랜치 추가 생성 마스터에 안하고 올린거 수정 하는 방법 브랜치 이름 잘못 만들어서 제거 하는 방법 git 머지 하는 법 충돌 해결 해야 머지 됨 머지 다하고 g

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