코딩85 [atom] 멀티커서가 안될 때 코딩 2020. 6. 19. atom을 사용할때 편한 기능중 하나가 ctrl + click으로 여러 라인을 선택해서 한번에 수정하는 것이었다.이 기능을 뭐라고해야되지..? 멀티선택? 다중선택? 멀티커서? 여러줄선택..?그런데, 갑자기 이 다중선택이 회사에서는 잘되는데 집에서는 안되는 상황이 발생..답답해서 찾아보니 해결방법이 있었음..! C:\사용자\(user)\.atom\config.cson 위에 파일을 수정하면 된다. (user)는 본인 컴퓨터 사용자 이름임. "*": core: editor: multiCursorOnClick: true editor: font-size: 13px ... 빨간부분을 추가하면 되는데,유의할 점은 core와 같은 depth에 editor가 이미 있는데 그 하위에 추가하니 안먹었다.core 하위뎁스에 .. scss 반복문 css코딩 코딩 2020. 2. 3. @each $color, $value in $theme-colors { .select-badge .badge-#{$color} { color: $value; } .select-badge .badge-#{$color}:hover{ background-color: $value; color: #fff; border-color: $value; }} document.ready(), window.onload() 차이점 코딩 2020. 2. 3. $(document).ready(function(){ // 외부 리소스 및 이미지와 상관 없이 DOM 데이터만 로드가 완료되면 바로 실행. // 가장 먼저 실행됨 }); window.onload = function() { // 페이지 안의 외부 리소스, 이미지까지 로딩이 끝난 후에 실행됨 } ★onload 함수는 동일한 페이지 안에서 하나만 존재해야 하는데 만약 외부 라이브러리에서 onload가 이미 선언 되어 있으면 찾아서 하나로 합치는 것이 어려움. 또한 한 페이지 내에서 onload가 2번 쓰이면 앞에 것은 무시되고 뒤에 함수만 동작함. document ready 를 순수 javascript로 코딩/제이쿼리 2019. 4. 24. jquery를 쓰지 않고 순수 javascript로 ready()를 대체하는 코드. document.addEventListener("DOMContentLoaded", function(){ // Handler when the DOM is fully loaded }); 참고로, $(document).ready(handler); 는 사용을 피하는 것이 좋다고 한다. 아래 글 참조. https://github.com/codepink/codepink.github.com/wiki/%EC%88%9C%EC%88%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-ready()-%EB%8.. [css]강조모션 애니메이션 css 코딩 2019. 3. 19. 빨간점 강조 애니메이션 효과깜박깜박임 @keyframes joyride-beacon-outer { 0% { opacity: 0; } 100% { opacity: 1; }} .timeline .sign-x{ display: block; position: absolute; top: -10px; right: -9px; width: 24px; height: 24px;}.timeline .sign-outer{ display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; -webkit-animation: joyride-beacon-outer 1.2s ease-in-out infinite; animation: joyride-beaco.. [react] 리액트 컴포넌트 옵션 안에 태그넣기 코딩 2019. 3. 7. ({form.name || ""} 님) {this.getStatusInfo(form.status)} ]} match={this.props.match}/> 중괄호 안에 대괄호[] 넣음. 기본 css 코드와 변수를 함께 쓰기 [css] sass 코딩 2018. 9. 11. sass 함수 사용 @each $color, $value in $theme-colors { .select-badge .badge-#{$color} { color: $value; } .select-badge .badge-#{$color}:hover{ background-color: $value; color: #fff; border-color: $value; }} [CSS] 수직 중앙 정렬 코딩 2018. 9. 11. 가로로 가운데 정렬은 매우 쉽지만,수직(세로) 가운데 정렬은 항상 골칫거리였다..여러가지 편법이 난무.. 나는 보통 display: table 을 가지고 세로정렬을 했었는데flex 개념이 생기면서 좀 더 간편해짐.하지만 flex 개념은 너무 어려워ㅜㅜㅜ 수직 가운데 .vertical-center{height: 100%} .item { display: flex; align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; } vertical-center의 높이에 따라 item이 가운데 정렬됨.위 코드는 풀화면의 가운데 하고싶을 때.. 단, vertical-center의 부모가.. css 그룹 스타일 지정 코딩 2018. 1. 25. 그룹 묶음 스타일을 사용해야 할 때가 있음예를 들면, step_1, step_2, step_3이런 클래스를 한꺼번에 스타일을 줘야한다면 [class^="step_"]{color: #333} 이런식으로 줄여서 쓸 수 있음.앞에 ^= 는 괄호 안에 텍스트에 해당하는 클래스를 찾아 한꺼번에 처리 해줌응용하면 [href^="http"]{color: #aaa} 이 문구는 링크에 http 로 시작하는 모든 코드에 속성을 줌. 자세한 것은 아래 참조https://www.w3schools.com/cssref/css_selectors.asp 동천학교 신문기사 코딩 2018. 1. 12. http://www.seouland.com/arti/society/society_general/2980.html 이전 1 2 3 4 5 6 ··· 9 다음
euntori
Comments