20220927 TIL 두뇌 풀 가동!

 

이번 주는 새롭게 배우는 것들이 많다.

한동안 인텔리제이를 쓰고 있었는데 이번 주부터는 vs code를 쓰고 있어서 단축키들에 새로 적응을 하고 있다.

태그이름#id 태그이름.클래스이름 을 쓰고 엔터를 치면 자동으로 태그가 완성된다.

태그*개수 를 쓰고 엔터를 치면 개수만큼 만들어진다.

인텔리제이에서 shift enter에 해당하는 게 vs code에서는 cmd enter다.

그리고 라인 정리를 해주고 싶으면 opt shift f를 하면 된다.

html 문서를 작성하고 싶으면 ! 엔터를 치면 된다.

그리고 치고 싶은 태그를 꺽쇠 없이 태그 이름을 치고 엔터를 치면 자동완성된다.

그리고 live server 익스텐션을 쓰면 저장할 때마다 새로고침을 하지 않아도 된다.

그리고 배치를 할 때 헷갈리면 각 요소에 border를 쳐서 배치를 하고

border를 지우는 방식으로 하면 된다는 이런 수많은 팁들을 동료들에게 얻을 수 있었다.

 

특히 정적이지 않고 화면 크기에 따라 변하는 화면들은 다뤄보지 않았는데

창 크기에 따라 이미지 크기가 바뀌는 작업을 해야돼서 조금 어려웠다.

만약 창의 너비를 바꿨을 때 사이즈를 바꾸고 싶지 않고 높이를 바꿨을 때 높이에 따라 사이즈를 바꾸고 싶다면

width, height 를 vh를 이용해서 쓰면된다.

그리고 만약 반대라면 vw를 이용하면 된다.

 

개념을 아는 것과 실전은 역시나 차이가 있는 것 같다.

https://v.daum.net/v/606be8f4739bd47595e0c01b

기억해야될 것들이 많다.

vs code에 빨리 적응하고, 생산성을 올리기 위해 두뇌를 풀가동해보자!

 

+

만약 stream을 쓰면서 각 요소의 index값도 쓰고 싶다면

OptionalInt index = IntStream.range(0, list.length)
        .filter(i -> list[i].equals("Kim"))
        .findFirst();

return index.getAsInt();

와 같이 IntStream.range를 쓰면 된다.