TIL 20230504

 

 

1. javascript : = , ==, ===

 

문제

if (a=b){출력}

시도

검색을 통해 a===b로 시도한 사람을 발견하여 a===b에 대해 공부하였다.

해결

if (a===b){출력}

// a 와 b가 타입이 같을 경우 a==b도 사용 가능

알게된 것

= : 할당

== : 비교 > 값이 같고 타입이 다를 경우 자동 형변환 한 뒤 값을 비교한다.

=== : 비교 > 두 변수의 타입까지 같아야 한다.

 

할당과 비교는 다르다. 

 

 

2. javascript : for 문의 기본 동작 원리

문제

function solution(n) {
    let answer = 0
    for(let i=0,i<=n,i++){
        if(i%2 ===0){
          answer= answer + i
        }     
    }
    return answer;
}

시도

for 문을 구글링 하여 어떤 부분이 잘못된 건지 하나하나 세밀하게 뜯어 봄.

다른 사람은 , 가 아니라 ; 을 사용했음.

나도 ; 를 사용.

 

해결

function solution(n) {
    let answer = 0
    for(let i=0;i<=n;i++){
        if(i%2 ===0){
          answer= answer + i
        }     
    }
    return answer;
}

알게된 것

for (시작;조건;동작){

조건이 일치 할 경우 동작을 하면서 돌리고 싶은 것

}

 

소괄호 ( ) 안은 세미콜론 ; 이다!! ,로 구분하지 않기!

 

//정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 

function solution(n) {
    let answer = 0
    for(let i=0;i<=n;i++){
        if(i%2 ===0){
          answer= answer + i
        }     
    }
    return answer;
}

 

 

3.  javascript : 더하기 할당 +=

알게 된 것

x +=  y

x = x + y

 

두 식은 같다. 

 

 

3. CSS : auto

 

알게 된 것

auto 를 사용하면 땡길 수 있다. 

 

margin: 50px auto 0px auto;

 

4. CSS : border 설정 방법

 

알게 된 것

/* 스타일 */
border: solid;

/* 너비 | 스타일 */
border: 2px dotted;

/* 스타일 | 색 */
border: outset #f33;

/* 너비 | 스타일 | 색 */
border: medium dashed green;

/* 전역 값 */
border: inherit;
border: initial;
border: unset;

출처: https://developer.mozilla.org/ko/docs/Web/CSS/border

border: 2px solid white;

2px solid white 의 사용 순서는 상관이 없다!

 

 

5. CS : Web의 구성요소

알게 된 것

HTML 뼈대

CSS 꾸미기 

javascript 움직이기

 

6.  javascript : 배열 뒤집기 

https://school.programmers.co.kr/learn/courses/30/lessons/120821

문제

배열을 아무리 조작해도 값이 잘 안 뒤집어짐.

시도

구글링 하여 방법을 찾음 

- "거꾸로" 넣기

 

for(i=0;i<num_list.length-1;i++){      } 

에서

for(i=num_list.length-1;i>=0;i--){      } 

로 변경

 

해결

function solution(num_list) {
    var answer = [];
      for(i=num_list.length-1;i>=0;i--){
             answer.push(num_list[i])    
            }
    return answer;
}

알게 된 것

a[0] = a[1]

이 식은 a[1]의 값을 a[0]에 가져다 주지 않는다

 

arr.reverse

요소를 역순으로 정렬

 

복습이 중요하다!

 

 

7.  javascript , 기초 수학 : 분수의 덧셈

https://school.programmers.co.kr/learn/courses/30/lessons/120808

 

문제

총체적 난국. 어떻게 풀어야 할 지를 모름.

시도

let numer = numer1*denom2 + numer2*denom1
let denom = denom1*denom2

이후 구글링 한 답안을 이해하려고 하였음

해결

function solution(numer1, denom1, numer2, denom2) {
    let numer = numer1*denom2 + numer2*denom1
    let denom = denom1*denom2
    let maximum = 0 //maximum은 최대공약수
    for(i=1;i<=numer;i++){  
            if (numer%i===0 && denom%i===0){
            maximum =i
            }
        }  
    return [numer/maximum,denom/maximum];
}

알게 된 것

기약분수 : 분모와 분자를 그들의 최대공약수로 나누면 기약분수

최대공약수로 나누면 나머지가 0

 

8. javascript 중앙값 구하기

https://school.programmers.co.kr/learn/courses/30/lessons/120811

문제

어떤 때는 값이 달라서 오답

function solution(array) {
   return array.sort()[(array.length+1)/2 -1]
}

 

시도

구글링을 통해 함수를 sort 뒤의 () 안에 주지 않으면 요소를 문자열로 취급한다는 것을 알게 됨

오름차순 원소 정렬 함수를 알게 됨 () 사이에 function(a, b) {return a - b} 삽입

 

해결

function solution(array) {
   return array.sort(function(a, b) {return a - b})[(array.length+1)/2 -1]
}

알게 된 점

오름차순 원소 정렬

array.sort(function(a, b) {return a - b}) 

내림차순 원소 정렬

array.sort(function(a, b) {return b -a})

---

정리 

 

[ javascript ]

= : 할당

== : 비교 > 값이 같고 타입이 다를 경우 자동 형변환 한 뒤 값을 비교한다.

=== : 비교 > 두 변수의 타입까지 같아야 한다.

 

[ javascript ]

for (시작;조건;동작){

조건이 일치 할 경우 동작을 하면서 돌리고 싶은 것

}

 

[ javascript ]

x +=  y 는

x = x + y 와 같다. 

 

[ CSS ] 

/* 스타일 */
border: solid;

/* 너비 | 스타일 */
border: 2px dotted;

/* 스타일 | 색 */
border: outset #f33;

/* 너비 | 스타일 | 색 */
border: medium dashed green;

/* 전역 값 */
border: inherit;
border: initial;
border: unset;

border 값의 사용 순서는 상관이 없다!

 

[ CS ] 

- Web의 구성요소

HTML 뼈대

CSS 꾸미기 

javascript 움직이기

 

 

[ javascript ]

a[0] = a[1]

이 식은 a[1]의 값을 a[0]에 가져다 주지 않는다

 

arr.reverse

요소를 역순으로 정렬

복습이 중요하다!

 

[기초 수학]

기약분수 : 분모와 분자를 그들의 최대공약수로 나누면 기약분수

최대공약수로 나누면 나머지가 0

 

 

[ javascript ]

오름차순 원소 정렬

array.sort(function(a, b) {return a - b}) 

내림차순 원소 정렬

array.sort(function(a, b) {return b -a})

 

 

소감

무한대로 삽질한 결과 처음으로 혼자 힘으로 문제를 풀었다. for문은 조금 이해한 사람이 되었다. 앞으로도 발전해 나갔으면 좋겠다.