profile
ɪ ʜᴏᴘᴇ ᴛᴏ sᴏʟᴠᴇ ʀᴇᴀʟ ᴘʀᴏʙʟᴇᴍs👩🏻‍💻❤️
태그 목록
전체보기 (88)백준(17)코딩테스트(12)자바스크립트(11)JavaScript(10)백준알고리즘(9)프로그래머스(8)백준코딩테스트(4)백준자바스크립트(4)알고리즘(4)cookie(4)React(4)단계별문제(3)기술면접(3)Sass(2)백준단계별문제(2)readme작성법(2)백준문자열(2)readme이미지넣는법(2)typescript(2)yarn(2)단계별(2)node.js(2)파이썬(2)markdown작성하는법(2)자바스크립트메소드(2)todoList(2)DOM(2)type(2)addEventListener(2)Event(2)API(2)README.md(2)object(1)배열(1)평균은넘겠지(1)백준1316(1)branch divergent(1)scrolling APIs(1)node-scss(1)셀프넘버(1)math(1)refactoring(1)백준1316자바스크립트(1)react자동완성(1)백준그룹단어체커(1)min-width(1)하이라이팅(1)클론코딩(1)2292벌집(1)BEM(1)import(1)typescript 설치(1)유튜브클론코딩(1)한수(1)React-Class(1)노드시작하기(1)git branch divergent(1)백준달팽이자바스크립트(1)모르겠고일단꾸준히(1)visual studio(1)push(1)박스위치맞추기(1)vscode터미널(1)server(1)소인수분해자바스크립트(1)평균(1)http(1)백준1193자바스크립트(1)25305(1)분수찾기자바스크립트(1)백준단계별(1)ruby scss(1)백준2869(1)navercloudplatform(1)리액트(1)dataset(1)git pull(1)파이썬조건문(1)browser(1)helloworld(1)기능취소하는법(1)반응형(1)백준팩토리얼(1)백준10926(1)e.target(1)프로그래머스나누어떨어지는숫자(1)OX퀴즈(1)assign(1)length(1)리액트자동완성(1)백준10926자바스크립트(1)백준1330자바스크립트(1)1330두수비교하기(1)서버생성하는법(1)프로그래머스수박(1)없는숫자더하기자바스크립트(1)nodejs백준(1)백준2869자바스크립트(1)instanceof(1)모르겠지만일단꾸준히(1)백준함수(1)터미널이모지넣기(1)브라우저사이즈출력(1)target불러오기(1)scrollEvent(1)100757(1)Inherit(1)API 사용규칙(1)vertical-align(1)capturing(1)백준재귀팩토리얼자바스크립트(1)Document(1)HTTP Session(1)백준소인수분해(1)터미널꾸미기(1)백준5622(1)ts(1)Modifier(1)서버(1)프로그래머스번호가리기자바스크립트(1)백준조건문9498(1)크로티아알파벳자바스크립트(1)수박수박JS(1)git pull안될때(1)주석다는법(1)알고리즘사전지식(1)ecmascript(1)react error(1)정수 N개의 합(1)변수선언기준(1)네트워크(1)코멘트(1)nodesass(1)알고리즘연산자(1)sass설치안될때(1)export(1)&&(1)class컴포넌트(1)프로그래머스수박자바스크립트(1)백준팩토리얼자바스크립트(1)주석색변경하기(1)엔진(1)Viewport(1)백준1193분수찾기자바스크립트(1)입출력과사칙연산(1)webpack(1)frontend(1)Backend(1)css상속(1)애플로고단축키(1)loadevent(1)조건문(1)반응형웹(1)문자열(1)Node(1)REST API(1)scroll(1)이모지단축키(1)concat(1)const(1)let(1)Screen(1)repeat(1)코테(1)최소(1)CS(1)1차원 배열(1)프로그래머스없는숫자더하기(1)foreach(1)최대(1)백준코테(1)백준기본수학1자바스크립트(1)나누어떨어지는숫자자바스크립트(1)Bubbing(1)2292벌집자바스크립트(1)백준손익분기점(1)백줕코딩테스트(1)백준다이얼자바스크립트(1)@Target(1)백준1316javascript(1)큰수A+B(1)주석이탤릭체없애기(1)백준9498자바스크립트(1)CSS(1)cookie-parser(1)html(1)구조분해할당(1)11653소인수분해(1)파이썬코딩공부(1)부녀회장이될거야(1)면접준비(1)Pypy3(1)shift(1)자바스크립트함수이론(1)백준크로티아알파벳(1)14681사분면백준(1)reduce(1)나머지(1)splice(1)preventDefault(1)팝업창(1) (1)상속가능한css(1)react-script(1)sassnotfound(1)1316자바스크립트(1)javascript변수(1)CurrentTarget(1)서버만드는법(1)javascript type(1)시간계산코드(1)관계형db(1)InnerHTML(1)프로그래머스약수의합(1)홀수와짝수(1)Overriding(1)14681자바스크립트(1)load(1)data(1)블록체인(1)2292(1)전개연산자(1)백준1193(1)글씨색바꾸기(1)주석글씨체(1)youtube(1)1712(1)5622자바스크립트(1)숫자의 개수(1)nosql(1)1712번손익분기점(1)aws(1)손익분기점(1)프로그래머스자바스크립트(1)상속(1)db(1)프로그래머스번호가리기(1)JSX(1)수박수박수박(1)2566(1)변수선언(1)커트라인(1)responsiveweb(1)최댓값(1)ohmyzsh(1)알고리즘풀기전사전지식(1)CreateElement(1)ES6(1)알고리즘공부처음(1)iterms(1)max-width(1)node세팅하기(1)ncp(1)약수의합JS(1)숫자증가(1)모일꾼(1)trim()(1)element(1)프로그래머스홀수와짝수자바스크립트(1)vscode(1)session(1)프로그래머스약수의합JS(1)시간계산문제(1)git(1)모일꾸(1)JSDoc(1)Bolck(1)고양이출력하기(1)팩토리얼자바스크립트(1)백준다이얼(1)git 안될때(1)scss(1)ECMA(1)destructuring(1)
post-thumbnail

[CS]네트워크 기초

네트워크 : 각각의 노드가 링크를 통해 연결되으며 리소스를 공유하는 집합을 의미한다.1) 트래픽, 대역폭, 에러, 장치 등의 영향을 받음 2) \*참고 대역폭 : 주어진 시간 동안 네트워크 연결을 통해 흐를 수 있는 최대 비트 수1) 매체타입(유선, 무선), 패킷 크기

약 21시간 전
·
0개의 댓글
·
post-thumbnail

[백준] 단계별문제 25305 커트라인

무조건 for문을 쓰려고 하자말자!! 우리에겐 map함수가 있다^^ 더 짧아서 참 좋다평균값, 인덱스, 자르기 등 배열 형태에서는 sort를 자연스럽게 생각해내자 내림차순으로 정렬하고 싶을 때는 이렇게 작성하자문제에서 한칸씩 띄어져있다고 했을 때는 기억하자 split!

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

백준 단계별 문제 2566 최댓값

const nums = require('fs').readFileSync('/dev/stdin').toString().split('\\n').map(Number);let max = Math.max(...nums);console.log(max);console.log(num

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

[백준] 단계별문제 10757큰수 A+B

숫자값이 클 때 2^53 - 1보다 큰 정수를 표현할 수 있다. 내장 객체이다. 숫자처럼 계산 가능하다. 단, BigInt를 사용한 숫자끼리 연산 가능하다

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

[백준] 단계별문제 부녀회장이될거야(진행중)

shift() : 첫번째 요소를 제거 + 제거한 요소 반환!!! abs() : 소수이든, 음수이든 절대값을 반환!!

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[백준] 단계별문제 손익분기점

내가 작성한 답안문제 풀면서 놓쳤던 부분Math.floor라는 메소드를 몰라서 소수점을 없애기 위해 시간을 소비했음손익분기점이 없을 경우를 C-B가 0보다 작을 경우만 생각하고 같을 경우를 생각하지 못해 '='을 넣지않아 틀렸었음

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

[React]react 코드 편하게 쓰는 꿀팁🍯

html, css를 사용하다가 react를 사용하다보면 하나씩 다 직접 작성해줘야하는 불편함이 있다ㅜㅜ 리액트로 보다 빠르게 코드를 작성하기 위해 아래 스니핏을 설치하는 것을 추천한다. 설치하고 나면 react에서 작성할 때 'rfc'만 작성하여도 아래 기본 리액트 세

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

[React]react-scripts: command not found 에러 메세지 해결

리액트에서 npm start를 해도, nodemon을 해도 열리지가 않는다..... package.json을 봐도 "react-scripts"가 잘 설치되어져있는데 그래도 에러가 떴다찾아보니 npm 버전 문제일 수 있다고 해서 \-> 터미널에 'npm update'를

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

[React]컴포넌트의 life Cycle

react에서 컴포넌트도 라이프 사이클을 가지고 있다 (사람이 태어나고 죽는 것 처럼!)라이프사이클의 주기에 따라 렌더를 돌릴 수 있도록 함예시)랜더링 될 때마다 useEffect안의 내용이 실행됨 배열을 2번째 인덱스로 받을 수 있는데 value값이 바뀔 때마다 실행

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

[React]Hooks

클래스형 컴포넌트만 사용하였고, 컴포넌트 별 상태 관리 지원라이프 사이클 기능 지원 (간단하게 컴포넌트 생성, 삭제까지 사람의 라이프스타일과 비슷하다고 하여 컴포넌트 라이프 사이클이라고 말함)최근 함수형 컴포넌트로 변경되면서 기존의 컴포넌틑별 상태 관리, 라이프사이클

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

[React]리액트에서 Styled Components 사용법

1.styled-components 터미널에서 설치하기2.Styled Components 설치태그자체를 스타일을 기준으로 태그이름을 만들어서 작성한다 (문법임)작성한 태그 이름을 기준으로 아래와 같이 스타일을 작성해줌 단, 그냥 작성하면 자동완성이 안되서 작성할 때 불

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

[React]리액트에서 SASS/SCSS 사용법

리액트의 기본 구조 : 컴포넌트에 컴포넌트가 들어가는 구조SASS 기본 구조 : 부모 클래스 아래 자식 클래스가 들어가는 구조구조 자체가 비슷하다보니 리액트에서 sass를 더 쉽게 사용할 수 있고,현업에서 순수 css보다 sass를 많이 사용하기도 한다고 합니다(또는

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

[React] 기본_DOM,JSX,WEBPACK

리액트는 Controller, Mode, View 3가지를 기본적인 구조로 작동한다 Controller는 model을 view로 보여주는 역할view의 사용자가 요청하는 사항들을 model이 보여줄 수 있도록 전달하는 역할을 한다.리액트에서 html문법과 비슷하게 사용

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

[React] export, import하는 법

export default / import 문법리액트에서는 state를 만들고 데이터를 담아서 사용하는 편그러나 state에 넣어야할 데이터가 많을 때,useState() 안에 넣기엔 너무 길어서 다른파일에 보관했다가 import해서 사용할 수 있다. 넣고 싶은 많은

2022년 9월 28일
·
0개의 댓글
·
post-thumbnail

vscode로 프로젝트 시작 세팅하는 법

1) ".vscode"폴더 만들기2) .vsscode안에 "settings.json"파일 만들기3) 2번 파일에 아래 코드 작성하여 세팅해주기1) 아래 프리티어 코드 터미널에 작성하여 설치하기2) ".prettierrc"파일 만들어서 안에 기본 세팅 코드 넣어주기1)

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

[javascript] Destructuring문법

원래 선언, 값 빼내는 방법let array = 2,3,4let first = array0let second = array1Destructing문법으로 요약하면 아래 코드임let a,b,c = 2,3,4let a,b,c = 5 = 2,3,4원래 선언, 값 빼내는 방법l

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

OAuth(Open Authorization)

OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준(ex. SNS 로그인)인증에 대한 자원을 실제로 보유 하고

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

Backend에서 cookie사용하는 법

1) 터미널에 아래 명령어 작성하여 cookie-parser 설치 2) 쿠키 사용하고자하는 Js파일에 아래 모듈, 미들 웨어등록하기 1) Expires: 쿠키가 자동으로 삭제되는 일자를 지정 2) httpOnly: 해당 쿠키는 서버와의 http 통신에서만 읽을 수 있

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

Frontend에서 cookie사용하는 법

javascript에 "document.cookie"를 만들기만들 때 들어가야할 내용 3가지1) 이름 : user=kdt2) 시간 : expries = 19 Sep 2022\~~3) 경로 : /expires값은 만약 브라우저 시간과 비교했을 때 이미 지났거나 해당이 안

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

HTTP Session (서버의 쿠키)

session설치하는 법, 사용하는 법, session 모듈 설명

2022년 9월 16일
·
0개의 댓글
·