분류 전체보기212 2일차 : CSS import, 선택자 CSS 내부에서 CSS를 가지고 오는 방법 그런데 문제는 이렇게 불러오는 방식은 직렬호출방식이라 import에 import에 이런식으로 이어서 했다면 순차적으로 호출되어오는데 1초씩 걸린다고 하면 1+1+1 이런식으로 오래걸릴 수 있다. link방식은 병렬방식이라 한번에 불러오는 차이점이 있다. 그렇다고 @import방식을 아예 쓰면 안되는 것은 아니고 이전에 있는 것을 불러온 다음에 불러와야 하고 그 다음에 불러와야 하고 이런식으로 순차적으로 불러와야 하는상황에 쓰일 수 있다. @import url("./common2.css"); 복합선택자 일치 선택자. span태그이면서 orange 클래스인 것을 선택 span.orange { color: red; } 자식 선택자. ul 태그 자식에 .orange 클.. 2021. 7. 13. 2일차 : FORM, INPUT FORM GET 방식은 주소창에 입력한 값이 그대로 노출되서 로그인에 적합하지 않다. (정보를 URL에 담아서 보낸다.) POST 방식으로 해도 완벽하게 숨길 수 없다. 개발자 도구 - network - headers 의 제일 하단에 보면 정보가 입력되있다. 그래서 완벽하게 숨기기 위해는 암호화를 통해서 숨김처리 해야한다. 일반적으로 POST방식을 많이 사용한다. novallidate는 테스트할 때 많이 사용한다. 이메일란에 골뱅이를 안붙여도 로그인을 눌렀을 때 넘어간다. 기본적으로 target="_self"로 되어있어서 로그인을 눌렀을 때 해당페이지에서 변경된다. _blank로 변경하면 새로운 페이지로 로그인페이지가 뜬다. INPUT FORM 태그 밖에서 연결하려면 id, form을 연결해야 한다. n.. 2021. 7. 13. 2일차 : 테이블 테이블 table tr th, td table은 block요소와 유사, tr은 줄, th와 td는 칸 테이블의 제목은 caption으로 설정 테이블 기본예제 1 table.html 타입 값 a 1 b 2 table.css table { border-collapse: collapse; } th { border: 1px solid red; padding: 10px; background: lightgray; } td { border: 1px solid red; padding: 10px; } 테이블 가로로 만들고 rowspan을 이용해서 2행을 하나로 합치고 id, headers를 사용해서 헤더에 연결해주기 caption과 colgroup, col 사용예제도 함께 본다. 데이터와 값 /* */ 데이터 타입 알파.. 2021. 7. 13. 리액트 자습 1일차 : 리액트를 사용하는 이유 Javascript를 사용할 때 이벤트 핸들러를 사용해서 DOM을 자유자재로 다뤘었는데 규모가 커지다보면 여기저기 이벤트 핸들러에서 DOM을 참조하기 때문에 유지보수가 어려워진다. 리액트는 상태가 바뀌었을 때 어떻게 업데이트할지 규칙을 정하는게 아니라 모든걸 날리고 다시보여주면 어떨까하는 발상에서 탄생. 그런데 모두 날리고 다시 생성하면 속도가 느릴 것. 근데 리액트에서는 Virtual DOM을 사용하면서 속도를 올림. 메모리에 있는 Virtual DOM과 real DOM을 비교해서 차이점을 감지한 뒤 실제 DOM에다가 패치하는 방식. (필요한 변화를 반영) 필요한 변화만 발생시키게 되면서 업데이트를 어떻게 할지 고민을 안하면서 빠른 성능을 나타낼 수 있었다. UI를 어떻게 업데이트 할지X -> UI를 .. 2021. 7. 13. 백준 1463번 : 1로 만들기 단순 그리디 방식으로 푸는 것이 아니라 10->9->3->1 처럼 1을 빼고나서 3을 나눴을 때 더 빠르게 1로 만들 수 있기 때문에 동적계획법으로 접근하면서 메모이제이션 기법을 사용해야 한다. n = int(input()) dp = [0 for _ in range(n+1)] for i in range(2, n+1): dp[i] = dp[i-1]+1 if i%3 == 0: dp[i] = min(dp[i], dp[i//3]+1) if i%2 == 0: dp[i] = min(dp[i], dp[i//2]+1) print(dp[n]) 1. 왜 dp 리스트를 n+1까지 0으로 만드는가? 예를 들어서 n이 10이라고 했을 때 dp[10]까지 최소값을 저장하면서 연산할 것이기 때문에 리스트에 +1을 더해야 한다. 2.. 2021. 7. 13. MX Master 2S와 MX Keys 맥북과 윈도우(데스크탑) FLOW하기 INTRO 코로나로 인해서 집에서 강의를 듣는데 강의는 데스크탑으로 듣고 코딩은 맥북으로 했다. 이렇게 하다보니 키보드 2개, 마우스 2개를 사용해야 하는 큰 불편함이 있었다. 그래서 사용하지 않고 있던 MX MASTER2S와 MX KEYS를 다시 꺼냈다. 우선 데스크탑(유선)과 맥북(무선)이 여태까지 안되는 줄 알고 있었는데 같은 공유기망이기만 하면 연결이 된다는 정보를 얻고 시도해 보기로 했다. 연결 시도한 방법 데스크탑에는 예전에 깔아두었던 Logitech Options가 있었고 맥북에만 새로 깔아주었다. 기존 데스크탑에 있던 Logitech Options 프로그램도 업데이트 하려고 했는데 업데이트만 누르면 무반응이어서 일단 FLOW를 시도해보고 안되면 다시 시도해보기로 했다. 결과적으로 Logit.. 2021. 7. 12. 이전 1 ··· 5 6 7 8 9 10 11 ··· 36 다음
