profile
FE개발 공부중
post-thumbnail

[JS] reduce함수

🔷reduce함수 덧셈으로 사용할 경우 개념정리 reduce는 누산기 기능을 사용해서 백준 알고리즘 11720을 풀 수 있다.💦 문제 : https://www.acmicpc.net/problem/11720

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

버블정렬

버블 정렬의 개념과 이것을 통해 배열을 오름차순으로 정리하는 코드를 js로 구현해보고자 한다. 버블 정렬은 데이터를 2개씩 묶어서 비교한뒤 더 큰수가 오른쪽으로 가도록 정렬하는 방식이다. 그림으로 표현하면 아래와 같다. 🔼 출처: https://reactgo

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

[JS]script tag를 작성하는 위치

만약, script를 meta 부분에 쓰게 될 경우 파일내에 나타나는 순서대로 브러우저에 로드되는 html문서의 특징 때문에 script 작성 내용이 정상적으로 화면에 보이지 않는다. 이러한 문제때문에 보통 script tag는 문서의 제일 끝인 </body> 바

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

[JS] var, let, const 차이점

JS에서 변수를 선언할 수 있는 방법은 var, let, const가 있다. let, const 가 없던 과거에는 var가 유일한 방법이었지만 앞선 두가지 선언자가 등장한 이후에는 var가 가지고 있던 오류나 문제점등을 개선할 수 있기 때문에 최근에는 거의 사용하지 않

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

[백준]Javascript_2753

흔한 수학 문제 중 하나는 주어진 점이 어느 사분면에 속하는지 알아내는 것이다. 사분면은 아래 그림처럼 1부터 4까지 번호를 갖는다. "Quadrant n"은 "제n사분면"이라는 뜻이다.예를 들어, 좌표가 (12, 5)인 점 A는 x좌표와 y좌표가 모두 양수이므로 제1

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

[백준]Javascript_2753

연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오.윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 또는 400의 배수일 때이다.예를 들어, 2012년은 4의 배수이면서 100의 배수가 아니라서 윤년이다. 1900년은 100의 배

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

[백준]Javascript_9498

시험 점수를 입력받아 90 ~ 100점은 A, 80 ~ 89점은 B, 70 ~ 79점은 C, 60 ~ 69점은 D, 나머지 점수는 F를 출력하는 프로그램을 작성하시오. 첫째 줄에 시험 점수가 주어진다. 시험 점수는 0보다 크거나 같고, 100보다 작거나 같은 정수이다.

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

CSS_헷갈리는 개념(2)

width, height 의 크기를 변경하는 방법중 100%와 vh의 개념을 정리하고자 한다. 일단, inline요소의 항목은 넓이, 높이를 지정할 수 없다. 만약 크기를 조절하고 싶다면 display속성을 block으로 변경해줘야한다.width=100%; 는 <

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

CSS_헷갈리는 개념(1)

노마드 코더 kokoa clone 강의를 완강했다! 챌린지도 완주했다 :-) 졸업을 할 수 있을지 아직 모르겠지만,,ㅠ! JS강의 시작 전에 챌리지 기간 동안 매번 헷갈렸던 개념을 몇가지 정리하려고 한다. 1. padding, margin 한번에 쓸 때 방향 !co

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

[백준]Javascript_1330

TITLE두 수 비교하기 문제두 정수 a,b가 주어졌을때, 비교하는 프로그램 작성<입력>첫째 줄에 A와 B가 주어진다. A와 B는 공백 한 칸으로 구분되어져 있다.<출력>첫째 줄에 다음 세 가지 중 하나를 출력한다.A가 B보다 큰 경우에는 '>'를 출력한다.

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

HTML&CSS TIL(3)

1) transitionCSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공transition은 state가 없는 쪽에 써야함. root 즉 시작지점에 써야함!codesandboxpractical-mcclintock-kpi34?fontsize=14&hide

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

[백준]Javascript_10430

TITLE나머지문제(A+B)%C는 ((A%C) + (B%C))%C 와 같을까?(A×B)%C는 ((A%C) × (B%C))%C 와 같을까?세 수 A, B, C가 주어졌을 때, 위의 네 가지 값을 구하는 프로그램을 작성하시오.<입력>첫째 줄에 A, B, C가 순서대로

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

[백준]Javascript_10869

TITLE사칙연산문제두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A\*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. <입력>두 자연수 A와 B가 주어진다. (1 ≤ A, B ≤ 10,000)<출력>첫째 줄에 A+B, 둘째

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

[백준]Javascript_1008

TITLEA/B문제두 정수 A와 B를 입력받은 다음, A/B를 출력하는 프로그램을 작성하시오.<입력>첫째 줄에 A와 B가 주어진다. (0 < A, B < 10)<출력>첫째 줄에 A/B를 출력한다. 실제 정답과 출력값의 절대오차 또는 상대오차가 10

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

HTML&CSS TIL(2)

★2가지 style 속성을 동시에 적용하려면, class name을 2개를 입력해주면 됨! 이건 여러 요소에 공통된 값을 적용해 줄 필요가 있을 때 사용하면 유용함.★ position포지션의 위치를 한방향이라도 수정하면 완전 다른 레이어로 분리되어진다. 2개의 레이어가

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

HTML&CSS TIL(1)

노마드 코딩 수업 'kokoaclonecoding'을 새로 듣기시작했다. 사실, html,css는 이론수업을 정말 많이 찾아듣고 몇번 적용도 해봤지만 제대로 어떤 사이트를 구현해본적이 없었어서 금방 까먹고 또 이렇게 시간이 가면 나중엔 좀 귀찮아지기까지 했다 ㅠㅠ!

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

[백준]Javascript_10998

TITLEA×B문제두 정수 A와 B를 입력받은 다음, A×B를 출력하는 프로그램을 작성하시오.<입력>첫째 줄에 A와 B가 주어진다. (0 < A, B < 10)예제1) 1 2 입력 2 출력 / 예제2) 3 4입력 12 출력<출력>첫째 줄에 A×B를

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

[백준]Javascript_1001

TITLEA-B 문제두 정수 A와 B를 입력받은 다음, A-B를 출력하는 프로그램을 작성하시오.<입력>첫째 줄에 A와 B가 주어진다. (0 < A, B < 10)<출력>첫째 줄에 A-B를 출력한다.문제풀이앞서 학습했던 A+B와 코드는 동일하고 부호

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

[백준]Javascript_1000

TITLE

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

[백준]Javascript_10172

강아지|\_/||q p| /}( 0 )"""\\|"^"\` |||\_/=\\\_\_|(4번째줄에 백슬러쉬는 백틱때문에 문서 글씨 속성이 바뀌어서 써둠 원래 문제에는 없음)

2021년 4월 26일
·
0개의 댓글
·