전체 글 102

CSS : a 태그중 원하는 것만 스타일링을 하고싶을 때

HTML 삽입 미리보기할 수 없는 소스 를 사용하다가 원하는 앵커만 스타일링을 하고 싶을 때 사용 naver google Empty 내에 href 가 있는 태그만 선택하고 싶은 경우 a[href] { color: red; } a [href]을 사용하면 중 href가 있는 것만 선택할 수 있다. 내에 특정 경로가 들어있는 태그만 스타일링하고 싶은 경우 a[href="google.com"] { color: red; } 내에 특정 경로로 시작 /끝인 것만 스타일링하고 싶은 경우 /* 특정 경로로 시작하는 것*/ a[href^="google"] { color: red; } /* 특정 경로로 끝나는 것 */ a[href$=".com"] { color: red; } 시작하는 건 href^를 사용하고, 끝나는 건 h..

STUDY/CSS 2022.11.24

tip : HTTP의 모든 응답상태코드를 알려주는 사이트

HTTP Status Codes The server has fulfilled the request but does not need to return an entity-body, and might want to return updated metainformation. The response MAY include new or updated metainformation in the form of entity-headers, which if present SHOULD be associated www.restapitutorial.com 모든 HTTP 응답 상태 코드가 적혀있는 사이트입니다. 별표★ 가 되어있는 건 자주 발생하는 응답 코드입니다. 그 외의 내용을 확인하려면 원하는 응답 코드를 클릭해서 확인하시면 됩..

STUDY/tip 2022.09.08

JS : 논리 연산자 && , || (AND, OR)

JS : 논리 연산자 && , || (AND, OR) 논리 연산자 && (AND) 모든 값이 true이면 true이다. 하나라도 false가 있으면 false를 반환한다. (조건이 모두 true여야 true 반환) 예시 const name = "Tom"; const age = 12; if (name === "reshur" && age > 10) { console.log("안녕하세요 reshur 님"); } else { console.log("누구세요?"); } // 반환값 : 누구세요? age는 조건에 해당되나 (age가 12여서 10보다 크다) 이름이 Tom(false) 이아서 false를 반환하였다. 조금더 응용해본다면, 아래와 같이 user에게 받은 정보를 검증할수있게 된다. 논리연산자 || (OR..

STUDY/JavaScript 2022.09.07

JS : 논리 부정 연산자 ! (NOT)

JS : 논리 부정 연산자!(NOT) 논리 부정 연산자! 는 피연산자의 의미를 반전시킨다. true를 false로, false를 true로 바꾼다. reshur !reshur ture false false true 예시 const name = "reshur"; if (!name){console.log("이름을 적어주세요")} else{ console.log(`반갑습니다 ${name} 님`) } // '반갑습니다 reshur 님' 이름이 적혀있지 않다면 '이름을 적어주세요'를 실행하고, 그렇지 않으면'반갑습니다 ${name} 님'을 실행하세요. true를false로, false를 true로 바꾼다. name안에 reshur가 들어있으므로 true이기 때문에 뒤에가 실행되었다. const age = 10; ..

STUDY/JavaScript 2022.09.07

VScode : VSCODE Extension 추천 (22.08기준)

VScode : VSCODE Extension 추천 (22.08기준) Live Server html 혹은 CSS를 작성했을때 별도의 새로고침없이 바로 확인할수 있게 도와주는 라이브서버 (liveserver) 확장자 Live Server - Visual Studio Marketplace Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages marketplace.visualstudio.com Auto Rename Tag 시작 태그를 수정할때 자동으로 종료태그도 함께 수정해주는 확장자 Auto Rename Tag - Visual Studio Mark..

STUDY/tip 2022.08.26

오류해결 : 'next/babel' 오류 수정하기

오류해결 : 'next/babel' 오류 수정하기 next로 프로젝트를 만들때마다 import 부분에 오류가 뜨는데 대부분은 babel module을 못찾았다는 오류이다. 저 오류는 enslint 에서 parsing error를 알려주는건데 여간 성가신게 아니다, 지금 난 babel을 설치하지도 않았는데 찾다보니 enslint 설정에 babel을 추가하면 되는거라 해결법을 공개한다. 생각해보니 옛날에 babel을 설치하긴 했는데 현재는 사용하지않아서 잊고있다가 이런 오류가 가끔 뜰때마다 '아 옛날에 설치했었지!' 라고 하는 정도다......... 에러는 항상 뜨는 듯.. babel 을 사용중이라면 .babelrc 를 만든다음 아래의 내용을 추가해준다. { "presets": ["next/babel"], ..

STUDY/오류해결 2022.08.24

오류해결 : homebrew command not found 오류 해결

상단과 같이 꾸미고 싶어서 설치를 하던 중 HomeBrew를 찾을 수 없다는 난관에 부딪혔다. 맥북 초기 설정할 때 웬만한 건 다 설치했는데 지금 보니 안돼서 시도했던 방법들을 적어두려고 한다. 알아보니 M1 맥북에서 자주 발생하는 것 같다. 기존 인텔칩에서는 homebrew가 /usr/local/bin에 설치가 되었는데, M1에서는 /opt 하위로 경로가 바뀌어서 경로를 찾지 못해 발생하는 문제라고 한다. 들어가기 전에 터미널에 PATH 등을 입력할 때 직접 치는 것보다 복사&붙여 넣기 후 :wq (설정 저장 및 나가기)를 권장합니다. 간혹 터미널을 종료하면 반영된다는 글을 보았는데 해보니 저장 안 되었습니다. 수정할 것이 있어서 수정했는데 -INSERT-가 되어 :wq가 안될 경우 ESC를 누르면 i..

STUDY/오류해결 2022.08.23