profile
개척하여 유용하게 만드는 사람, 나만의 것을 만들고 싶은 사람
post-thumbnail

Vue.js-리스트 렌더링

진행 중인 쇼핑몰 프로젝트를 하면서 느낀 것이 한 가지 있다. 쇼핑몰에는 여러 분류가 있고, 그 분류 안에 많은 상품들이 존재한다. 따라서, 가장 먼저 단순하게 생각한 것은 상품마다 정보를 다 입력하고, 그에 맞는 html파일을 만드는 것이다. 하지만, 정말 엄청나게

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

A+B -4(10951) - JS

10951과 10952의 차이점을 알아야 합니다.10952의 경우 0이 들어갈 경우 출력하지 않는다는 예외를 주어, while문에 break를 주어 빠져나오게 하였습니다.하지만, 10951의 경우 입력값을 보면 테스트케이스의 연산값만이 존재하고 끝을 알리는 입력값이 존

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

A+B -5 - JS

문제풀이에 앞서 for문 VS while문while 문이나 for문이나 루프(loop)라고 합니다. 정해진 코드를 반복한다는 뜻입니다. 1\. while문: 반복횟수가 (조건식) 이 유지될 때 까지 반복 for 문: for ( ) 이 안을 보면 반복이 언제 끝날지 알

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

X보다 작은 수(10871) - JS

1\. N,X 는 입력받은 첫번째 배열에 띄어쓰기에 맞춰 하나씩 할당됩니다.ex) 첫번째줄에 10 5 라면 N = 10, X = 5 가 됩니다.잠깐! 구분이 갈 수 있는 이유! 복습하고 가기~제에 있는 입력값을 가져오고, 배열로 나열을 위해 toString()으로 문자

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

별 찍기-2(2439) - JS

저는 정사각형을 찍은 다음, if문의 조건에 맞춰 공백과 \* 로 나누었습니다.정사각형 만들기i = 1일때, j= 1,2,3,4,5 를 돌며 \*을 찍게 됩니다.반복하여 i = 5 일때는 xxxxxxxxxxxxxxxxxxxxxxxxx와 같은 모양이 만들어집니다.이때,

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

별 찍기-1(2438) - JS

1\. 첫번째 방법은 sum 값에 \* 값을 할당하여 반복문이 돌때마다 별의 개수가 늘어나며 하나씩 출력되는 방법입니다.ex) 입력값 5 (x 가 별이라고 가정)i = 1 일때 sum = xi = 2 일때 sum = x + xi = 3 일때 sum = xx + xi =

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

A+B -8(11022) - JS

11021번과 동일한 형식으로 문제를 풀면 됩니다.11021 -> 근데, "=" 표시를 자꾸 ":"로 표기해서 에러나서 시간을 깎아먹었다는...더 꼼꼼히, 더 자세히 들여다보는 습관을 가지자!!

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

git 충돌시 방법

git으로 협업을 할 때, pull을 해오는 과정에서 이런 문구를 본적이 있을 것이다.해석하면 ,변경 사항을 커밋하거나 병합하기 전에 저장하십시오.즉, 내가 갖고 있는 코드와 pull을 해오는 코드에서 충돌이 일어난 것이다.A가 push를 하면 그걸 pull reque

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

A+B -7(11021) - JS

이번엔 \`\`(백틱)의 사용과 ${}을 사용할 수 있는지 물어보는 문제인거 같습니다.템플릿 리터럴을 통해 표현식 삽입이 편합니다.

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

기찍 N(2742) - JS

하나씩 반복문안에서 숫자를 찍어주는 것은 시간초과이므로,answer 값에 값들을 저장하고, 마지막에 answer 값을 출력하는 방식입니다.

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

N 찍기(2741) - JS

가장 먼저 생각한 코드는 다음과 같습니다. 가장 기본적인 반복문 형태입니다.i 값이 입력값num의 값이 될때까지 계속해서 그 값을 출력해주는 형태입니다.하지만, 시간초과로 코드가 완벽하게 돌아가지 않습니다.따라서, 빠른 A+B와 같이 따로 마지막에 호출하는 값 answ

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

빠른 A+B(15552) - JS

테스트 케이스의 개수가 최대 1,000,000가 나올 수 있는 상황입니다.문제에서는 하나씩 출력해도 된다고 하지만 js는 하나씩 출력을 하면 필히 시간 초과라는 결과를 얻었습니다.그래서 하나의 문자열에 결과값과 개행 문자를 넣어 마지막에 출력을 했습니다.for 문을 사

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

크롬 앱 만들기 - Clock

시계 기능을 추가하고 싶다면 어떤 기능들이 필요할까? 현재 시간을 알려주는 기능과 그 기능이 지속적으로 유지되는 기능일 것이다.Date() 객체를 쓰는 것입니다.Date(): JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타난다.기

2022년 1월 18일
·
0개의 댓글
post-thumbnail

합(8393) - JS

sum이라는 변수에 숫자가 누적되게 하는 방법이다. for문은 입력값만큼 반복할 것이고, 반복되는 과정에서 sum 값에 계속 더해져 쌓여나갈 것이다.ex) 입력값 5i=1 -> sum = 1i=2 -> sum = 1 + 2i=3 -> sum = 3 + 3 i=4

2022년 1월 18일
·
0개의 댓글
post-thumbnail

A+B -3(10950) - JS

2022년 1월 18일
·
0개의 댓글
post-thumbnail

구구단(2739) - JS

가장 먼저 작성한 제 생각대로 짠 코드입니다. 결과는 문제에서 원하지 않는 모양이었어요. 띄어쓰기가 적용되지 않는 상태로 결과값이 나왔거든요.따라서 다른 방법으로 코드를 짜보았습니다.백틱(\`)을 사용하면 ${}를 사용해서 문자열과 변수를 적절히 같이 사용할 수 있습니

2022년 1월 18일
·
0개의 댓글
post-thumbnail

크롬 앱 만들기 - 로그인 정리

1\. 가장 먼저 앱을 실행하면 아무 정보가 저장되어 있지 않은 로그아웃 상태일 것이다.2\. localStorage에 username 즉, 저장정보가 있는지 불러보는 것이다.3\. 당연히 처음 로그인하려는 과정이므로 저장정보는 null일 것이고, 로그인 창을 보이게

2022년 1월 17일
·
0개의 댓글
post-thumbnail

크롬 앱 만들기 - 유저 정보 유무 확인

콘솔 창에서 getItem, removeItem 을 통해 유무를 확인 할 수 있다.1\. form 과 greeting 모두 hidden 클래스를 적용한다.2\. savedUsername ==== null 이라면 remove(HIDDEN_CLASSNAME)해라!= 유저정

2022년 1월 17일
·
0개의 댓글
post-thumbnail

크롬 앱 만들기 - user 이름 기억하기

localStorage?? \-브라우저에 저장할 수 있게 해줍니다.기본 API웹 스토리지는 기본적으로 키(key)와 값(value)으로 이루어진 데이터를 저장할 수 있습니다. 개념적으로 해시 테이블 자료 구조를 생각하시면 이해가 쉬우실 것 같습니다. 자바스크립트 API

2022년 1월 17일
·
0개의 댓글
post-thumbnail

크롬 앱 만들기 - username 저장하기

브라우저의 기본동작을 막는다. preventDefault(): 어떤 event의 기본 행동이든지 발생하지 않게 한다. \-> preventDefault() 는 EventListner 함수의 첫번째 argument 안에 있는 function 즉, 브라우저가 기본행동

2022년 1월 17일
·
0개의 댓글