전체 글 82

[코딩테스트/javaScript] 배열의 평균값

function solution(numbers) { (numbers[0]+numbers[numbers.length-1])/2 return answer;}아.. 뭔가 또 연결을 안시킨 것 같다. 솔직히 리턴 저거랑 function solution 이게 정확히 어떤 역할인지 모르겠음빨리 html, css 공부 끝내고 javascript 함수쪽 공부 시작해야겠다function solution(numbers) { let answer = (numbers[0]+numbers[numbers.length-1])/2 return answer;}연결 시켜주니까 된다. 근데 더 깔끔하게는 못하나?

[코딩테스트/javaScript] 짝수의 합 ⭐️⭐️⭐️

function solution(n) { return ((n+2)*(n/2))/2}처음에 이렇게 썼는데, 코드 실행은 맞다고 했으면서 채점은 틀렸다.왜그런가 생각해봤는데, 대충보고 n이 무조건 짝수라고 생각함.. 그럼 n을 짝수로 먼저 만들어줘야겠다.function solution(n) { (n%2==1) ? n-1 : n return ((n+2)*(n/2))/2}왜 틀렸지 이 방향이 아닌가?function solution(n) { Math.floor(n/2)*2; return ((n+2)*(n/2))/2}또 틀렸다. 아무리 봐도 내가 만든 식은 맞는데, 뭔가 식들끼리 연결지점이 없어서 그런가?뭔가 자바스크립트 기본 개념도  모르고 무작정 들이 받고있는 중인 것 같음  풀이 f..

[css/공부] 기본 구조와 선택자

CSS 기본 구조와 선택자 알아보기         기본 개념 html에서 몸통 만들어줬다면 이제 옷을 입히고 꾸며줄 차례다.그러기 위해 css를 사용하는데, Cascading Style Sheet라는 뜻이다.스타일 시트를 사용하는 여러가지 방법이 있다.그중 외부에 코드를 작성하고 html에 링크를 삽입하여 연결하는 방법이 가장 좋다쪽에 이런식으로 연결해주면 된다. css 파일은 같은 폴더에 있는 게 좋다.다른 폴더에 있어도 가져올 순 있다.         기본 구조 h1 {color: white;}선택자 {속성: 값;} 이런식으로 스타일을 적용할 대상(선택자)를 정하고, 속성을 사용해 다양하게 꾸며준다.선택자는 id, class, tag 등이 될 수 있고, 속성은 종류가 굉장히 많다.속성중에서 중요한 부..

WEB/css 2024.12.16

[html/공부] 요소

요소 알아보기더 많은 요소 보러가기종류가 너무 많ㄷ ㅏ...        글자 태그 태그속성설명 ~  h1 > h6 이 순서의 크기로 제목 글자 생성 본문 문단 줄 바꿈 수평 줄href = "이동할페이지">하이퍼 텍스트href = #id>id로 이동href = "#">빈 링크 굵은 글자 기울어진 글자 아래 첨자 위 첨자 밑줄 글자 취소선이 그어진 글자        목록 태그 태그속성설명 unordered list ordered list 목록 요소         테이블 태그 태그속성설명border="value">표 삽입/ 표의 테두리 두께 지정 행 삽입 제목 셀 생성 일반 셀 생성 colspan="value">셀 가로로 병합 rowspan="value">셀 세로로 병합         미디어 태그 이..

WEB/html 2024.12.16

[html/공부] 폼과 <input> types

요소와 types 알아보기 요소 보러가기" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank" rel="noopener"> 요소 자세히 보러가기         Form 요소 구글폼, 할 때 그 폼이다.input 태그와 함께 쓰이며, 입력된 데이터를 묶어 action이라는 속성으로 데이터를 어디로 보낼지 입력하여 사용오늘 정리할 거 한줄요약👇👇👇  에 적히는 텍스트와 을 연결해서 사용한다.아래 예시의 경우 'click here'가 라벨, 입력칸이 인풋이다.click here  인풋의 id 속성과 연결해주거나 안에 을 넣어 사용하기도 한다.cheese 이렇게 라벨과 묶어 사용할 수..

WEB/html 2024.12.14

[javaScript/공부] 문자형(String)

문자형(String) 알아보기문자형이 뭔지 모르는 사람 클릭🙋         Index 문자형에 들어가는 모든 character에는  순서가 있다. 그걸 인덱스(index)라고 한다.순서는 0부터 시작한다."hello"라는 string(문자형)이 있다고 했을 때, 파란 숫자가 순서다.불러오는 방법은 > 변수이름[불러오고싶은 순서]"hello"[0] //"h"         속성(Property) .length;example.lengthString(문자형)의 길이를 알려준다.** 인덱스는 0부터 시작하기 때문에, 마지막 글자는 항상 .length -1 이다.example.length //5이 경우 마지막 글자인 'o'의 인덱스는 '4'이지만 string의 길이는 '5'임         규칙(Methods..

WEB/javaScript 2024.12.13

[javaScript/공부] Math.methods();

내장 객체(Math.methods) 알아보기         종류 Math.PI파이값 반환 Math.ceil(n)올림Math.ceil(3.000001) //4Math.floor내림Math.floor(3.999) //3Math.random()0 아래로 랜덤👇👇아래 추가설명 참고Math.abs(n)정수로 반환 Math.pow(i,n)i의 n승Math.pow(2,5) //32 Math.random()0 아래로 랜덤 숫자 반환Math.floor() 사용하여 활용Math.floor(Math.random() * 5)Math.random() * 랜덤 돌리고싶은 수 + 시작하는 수Math.floor(Math.random() * 5 + 1);//1-5사이의 랜덤 수  이 외에도 정말 많은 Math 메소드들이 있는 것 ..

WEB/javaScript 2024.12.13

[javaScript/공부] 연산자

용어 정리 피연산자(operand)연산을 수행하는 대상, 인수(argument)라고 불리기도 한다.5*2라는 식이 있을 때 5와 2단항(unary), 이항(binary)피연산자의 개수에 따라, 한개면 단항 두개는 이항이라고 부른다.         기본 연산자 기본적인 덧셈, 뺄셈, 곱셈, 나눗셈이 있고% 나머지 연산자** 거듭제곱 연산자가 있다. 덧셈 연산자(+)로 숫자 뿐 아니라 문자열을 병합할 수도 있다."hello" + "world" //"helloworld" 이때 문자형인 경우 숫자여도 문자형으로 병합이 된다. 👇👇👇"2" + 2 //22"hello" + 2 + 2 //"hello4" 덧셈 연산자(+)는 Number()와 동일한 일도 할 수 있다.Number() 대신 앞에 +를 붙여주면 숫자..

WEB/javaScript 2024.12.13