My Tech Blog (분류 전체보기)

이번 포스팅에서 promise, async await의 차이점을 알아보자!1. 자바스크립트에서 비동기 처리가 필요한 이유자바스크립트에서 비동기 처리가 필요한 이유는 주로 응답 시간이 긴 작업을 효율적으로 처리하기 위함이다. 자바스크립트는 기본적으로 단일 스레드로 동작하기 때문에, 시간이 오래 걸리는 작업이 있을 경우 이를 비동기로 처리하지 않으면 전체 애플리케이션이 멈추거나 반응이 느려질 수 있다.js는 동기적인 언어이나  대기시간이 긴 작업(서버에 데이터를 요청하는 작업)을 하는 경우 비동기 작업을 하기도 한다.아래는 비동기 처리가 필요한 간단한 예시이다.getHotels()는 서버에서 호텔의 데이터를 받아오는 함수이다.그리고 우리는 getHotels()의 응답값을 받아 출력하고 싶다.function ..

1. CSS 선택자 한 눈에 보기 선택자예시설명태그 선택자h1태그로 요소를 선택전체 선택자* (유니버셜 선택자)모든 요소를 선택div *특정 요소의 자식 요소 모두 선택클래스 선택자.slide클래스명으로 요소를 선택아이디 선택자#logo아이디명으로 요소를 선택후손 선택자.slide h2, .slide .btn후손(자손) 요소를 선택자식 선택자.slide > div앞 선택자의 바로 밑 자식 요소 선택인접형제 선택자.banner + div앞 선택자의 형제 요소 바로 다음 요소 선택.banner ~ div앞 선택자의 형제 요소 중 두 번째 요소 모두 선택그룹화h1, h2color: red콤마로 선택자를 나열하여 선택속성 선택자a[target], a[target="_blank"]속성명 또는 속성명의 값으로 요소..

반응형으로 웹디자인을 하다보면 넓이와 높이, 사이즈 단위에 대한 고민을 하게 된다. 반응형을 고려하지 않고 디자인을 할 때는 px를 썼지만, 유연한 페이지를 디자인 고려하는 경우 em, rem단위를 사용해 주는 것이 좋다.  px는 값이 고정되어있는 절대단위em과 rem은 환경에 따라 변하는 상대단위 상대 단위란 고정되지 않고 어떤 기준에 따라 유동적으로 바뀌는 길이를 나타낸다. 예) em, rem, %, vw, vh 등 절대 단위란 어떤 상황에서든 항상 고정된 길이를 나타내는 단위. 웹에서 절대 단위는 px을 제외하고는 잘 쓰이지 않음.웹은 디바이스나 사용자 환경에 따라 컨텐츠 크기가 유동적으로 변함. 따라서 절대 단위를 사용하면 콘텐츠의 유연성이 저하됨. 1. CSS 크기의 단위 종류구분설명예시px크..

⚡리스트 태그 사용해서 서브메뉴 만들기 연습⚡ 메뉴에 마우스 올렸을 때 다음과 같이 서브메뉴가 나타나도록 하기 위해 어떻게 코드 작성하는지 알아 보자. - 색깔 입혀주는 css 코드는 별도로 하단에 올려 두었으니 태그 안에  CSS 코드 해설위 CSS 코드의 의미를 살펴보자. 위 코드에서 가장 핵심  2가지는 - submenu가 안보이다가 메뉴바에 마우스를 올렸을때 submenu가 나오게 하는 드롭다운 구현 - 마우스를 올렸을 때 서브메뉴가 부드럽게 나타나도록 함 3-1. 드롭다운 구현 #submenu의 초기 상태: left: 0: 서브메뉴의 왼쪽 위치를 부모 요소의 왼쪽에 맞춤opacity: 0: 서브메뉴를 보이지 않게 설정position: absolute: 서브메뉴를 부모 요소 기준으로 절대 위치to..

내일까지만 일하면 드디어  지긋지긋한 여기도 굿바이다....미운정 고운 정 다 든다는 말이 있듯이 막상 책상정리를 하고 퇴사하려고 하니까 그동안 서운했던 마음이 눈 녹듯이 사라지고, 어려웠던 점보다 즐거웠고 행복했던 시간이 많이 생각 난다.  그동안 힘든 일이 많았지만, 모두가 어려운 환경 속에서도 상황이 나아지기만을 바라며 일해왔다. 하지만 이 많은 노력에도 불구하고 갈등은 점점 심화되구 실낱같은 희망이 사라져가. 그리고 이런 환경이 사람의 마음을 상하게 한다. 남아서 고생하실 사람들 ....  그 분들을 만약 업무 외적으로 만났더라면정말 존경하고 잘 지냈을 텐데 하는 아쉬움이 남는다. 하나라도 더 해 드리지 못하고 가게 되어 아쉽구, 항상 잘 지내고 행복했으면 좋겠다.... 얄밉던 사람들도 워낙 일이..

1. 병원들리기 ㅋㅋㅋ 목아포 2. 웹디자인 기능사 앵커태그에 #3. 웹디자인 기능사 레이아웃 E 이후로 안해본거 연습      자바스크립트랑 제이쿼리4. JSP랑 서블릿 5. 오늘 회식인고.....ㅋㅋㅋㅋㅋㅋ6. 오늘 단쟝님 생신 => 점심으로 냉면 먹고 싶다 하심자바스크립트 promise async await스프링 mvc 패턴자바 다운캐스팅, 상속리액트알고리즘 백준프린트 프린트

오늘은 HTML에서 목록을 표현하는 리스트 태그에 대해 알아볼게요. 대표적으로 가장 많이 사용되는 리스트 태그는 ul, ol, li, dl, dt, dd 태그예요 리스트 태그는 쌍이 있어서 반드시 정해진 규칙대로 사용해 주어야 합니다. 그럼 리스트 태그의 종류와 사용할 때 주의할 점을 알려드릴게요. 먼저 리스트 태그는 비순차목록(Unordered List), 순차목록(Ordered List), 정의 목록(Definiton List) 으로 나누어진답니다. 비순차 목록 태그는 영문명의 앞글자를 따서 ul태그, 순차 목록 태그는 ol 태그, 정의 목록 태그는 dl 태그로 불려요. 1. Unordered List (ul 태그)- ul 태그는 목록에 순서가 없고 Bullet 표시 (˙로 목록이 표현됨) - 따라서..

조조 래빗 영화 조조 래빗(Jojo Rabbit, 2020) 사랑스러운 소년의 슬픈 성장 이야기 조조 래빗(Jojo Rabbit, 2020) 12세 이상 관람가장르 : 드라마, 블랙 코미디, 전쟁, 역사, 시대극감독 : 타이카 와이티티원작 : 크리스틴 뢰넨스 - 《갇힌 하늘》제작사 : 폭스 서치라이트 픽처스 외배급사 및 수입사 : 월트 디즈니 컴퍼니 코리아스트리밍 : 디즈니플러스인생은 선물이야. 우리는 마음껏 즐기고 축하해야 해. 살아있게 해주셔서 감사하다고 춤을 춰야 된다고. 춤은 자유로운 사람들이 추는 거야. 아무 데도 얽혀있지 않다는 의미지.- 로지 베츨러 (Rosie Betzler) 《조조 래빗》은 2019년 개봉된 미국의 블랙 코미디 영화이며 제2차 세계대전을 소재로 다루고 있다. 2019 토론..