[취업준비일지] - 119

1.css 실습을 하는 도중 태그 열림, 닫힘 표시를 보고 어떻게 했는지 자세히 보니
&lt;가 "<"를 나타내고 &gt;가 ">"를 나타내는 것을 알 수 있었다.
이 외에도 문자열 내 콜론 등 다른 기호들의 명령어도 궁금해졌고
찾아보니 아래와 같이 적으면 된다는 사실을 알 수 있었다.

&lt; = "<"
&gt; = ">"
&amp; = "&"
&#39; = "'"
&#34; = """ (들어가는 것은 " 하나지만 통일성을 위해 쌍따옴표 사이에 넣어줬다)
&#35; = "#"

 

&# + number 방식이 아스키코드임을 알 수 있다.
추가적인 내용은 아스키코드표를 참조해서 활용하자


2.styled-components를 사용하다보니 컴포넌트별로 최대한 쪼개는 것이 중요했기 때문에
css를 선택자와 결합자등을 사용해 지시하는 경우는 드물기 때문에 잊고 있었는데
+, ~, >, div li(띄워쓰기로 결합) 등 여러가지 방식을 사용하는 실습을 통해
예전에 했던 초밥 css가 떠올랐다.

/* 1.h1 modify font */
h1 {
  color: yellowgreen;
  font-family: sans-serif;
}

/* 3.use class selector for modifying code in li */
.second-li-code {
  color: green;
}

/* 2. code tag modify font, color */
code {
  color: red;
  font-family: monospace;
}

/* 4. Does not care "li > code"`s place and just see it`s priority */

/* 5.Inheritance font */
* {
  font-family: serif;
}

/* 6.Combinators change "color" & "background-color" without first one*/
li + li {
  color: white;
  background-color: black;
}

/* 7.Combinators change "li"`s "color" & "background-color" in "ol"  */
ol > li {
  color: white;
  background-color: black;
}

 

(1).백준 1703 생장점은 분할과 가지치기를 반복해서 처리하는 문제였다.
입력값이 조금 난잡하긴 하지만 이제는 간단한 수준이기 때문에
for문으로 한번 나눈 다음 내부 for문에서 처리한 결과를 result 배열로 push하고 join으로 출력했다.

문제를 대충 읽고 규칙적으로 생장하는 나무에 가지치기를 한다고 생각하고 결과 이해가 안됬는데
조건을 자세히 보니 분할 숫자까지도 지정해서 주기 때문에 
현재 나뭇잎x분할 -가지치기를 하면 간단히 풀 수 있는 문제였다.

const input = `1 3 0
2 3 0 2 0
3 3 0 2 0 2 0
3 3 0 2 1 2 3
2 4 1 3 4
4 5 0 5 1 5 2 5 101
0`.split('\n')

const result = []

for(let i = 0 ; i < input.length-1 ; i++){
    const eachCase = input[i].split(' ').map(Number)
    let leafNumb = 1
    for(let j = 1 ; j < eachCase.length ; j += 2){
        leafNumb *= eachCase[j]
        leafNumb -= eachCase[j+1]
    }
    result.push(leafNumb)
}

console.log(result.join('\n'))