반응형 프론트엔드66 글자색/배경색 자동 선택 하기 색의 3속성은 색상, 채도, 명도 가 있다. 2-15) 빛과 색 용어와 의미, 색의 3속성 색은 무채색과 유채색으로 구분합니다. 무채색은 흰색, 회색, 검정색으로 색상과 채도가 없으며, 명도의 차이만을 가지고 있죠. 유채색은 무채색을 제외한 모든 색채를 말하며 색상, 채도, 명도 blog.daum.net 이번에는 이런걸 개발해야된다. 코드 정보를 표현할 때 배경색, 글자색을 부여해서 영역에 표시하는데 사용한다. 배경색과 글자색이 서로 잘 보이도록 자동 선택되며 서로 중복되지 않도록 한다. 최초 로직 색상 변경 시 보색을 자동 선택한다. 문제점 보색도 안보이는게 있다. 자동으로 바뀌는 점 해결 방안 보색인데 잘 안보이는 이유는 보색이 서로 중명도와 중명도인 경우 잘 안보인다. 무조건 보색으로 바뀌면 사용자.. 2021. 3. 21. 주석을 작성하고 코드를 작성한다 자바스크립트 강의를 듣다가 주석에 대한 강사님의 설명이 나왔다. 코드를 작성하기 전에 생각을 정리하는 데 주석을 사용하고 주석을 코드로 구현한다고 하셨는데 나랑 비슷한거 같아서 반가웠다. 내 방식 함수를 만들고 함수가 해야할 역할을 배정한다. 함수 안에 해야할 일을 한줄한줄 작성한다. 위에서부터 한줄 한줄 구현한다. 기능이 큰 경우 전체 껍데기(빈 함수나 변수 등~)를 다 만들어 놓고 하나하나 구현해 나간다. 개발하다보면 자주 정신이 나가곤 하는데 누가 부른다거나, 회의 등 그냥 정신 탈출 이렇게 주석을 작성해놓으면 정신이 돌아왔을 때 개발모드로 돌아가는데 걸리는 시간이 확 줄어든다 ㅋㅋ 중요한 점은 껍데기 함수나 변수를 만들때 역할을 확실히 정해놓고 가야 된다는 점. 복잡한 기능을 개발할떄도 이건 쟤한.. 2021. 3. 6. defer 속성 기존에 내가 봤던 강의들을 보면 자바스크립트 파일을 가져올 때 문장을 body 맨 밑에 넣으라고 가이드했었다. 그렇게 하는 이유는 위에서부터 파일을 읽어오는데 자바스크립트 파일에서 DOM에 접근하는 코드가 존재하는 경우 body가 불러와지기 전에 DOM에 접근하게 되어 에러가 발생하기 때문이다. 하지만 defer 속성을 사용하는 경우 body가 다 렌더링된 다음에 해당 js 파일이 로드되어 에러가 발생하지 않는다. 장점 script를 head에 작성할 수 있다. body가 렌더링된 후에 로드되어 에러가 나지 않는다. 2021. 3. 6. Carriage Return(\r) 정확히 웹에만 관련된 내용은 아니지만 아니 오히려 C 공부할때 많이 봤지만 웹 공부 하면서 알게됐기 때문에 여기 적는다. 대학교 1학년 C 공부할 때 엔터를 치면 입력값 마지막에 \r\n 이렇게 두개가 입력되어 들어온다. 아 뭔데 두개가 들어오지? \n은 개행문자인걸 아는데 \r은 뭐지? 캐리지 리턴? 아 뭐 그런게 있나보네 했는데 이제서야 캐리지 리턴이 뭔지 알게됐다. 캐리지 리턴(\r)은 입력 커서를 라인 맨 앞으로 이동시키는 특수 문자 개행 문자(\n)는 다음 라인으로 이동시키는 특수 문자 개행문자도 Line Feed 라고 부른단다. 그래서 CRLF라고 많이 한다고 한다. 근데 리눅스에서는 \r이 안붙는다. 리눅스에서는 \n 하나로 윈도우에서 \r\n이 하는 일을 처리하기 떄문 윈도우에서 만든 \n.. 2021. 3. 6. NBSP(No-break space) 웹에서는 가끔 띄어쓰기를 할 때 라고 작성했던 기억이 난다. 정확히 뭐때매 저걸 썼는지는 기억이 안나는데 그냥 space가 화면에 안나오는 상황에서 저걸 썼던 느낌이다. 근데 이번에 자바스크립트 공부를 시작하면서 어 NBSP가 정확히 뭐지 하고 검색해보게 됐는데 아 이건 단어와 단어 사이를 붙여주는 자석이라는 사실을 알게 됐다. 글자는 기본적으로 단어 단위로 줄바꿈이 이루어진다. 그런데 숫자, 단위와 같이 둘 사이에 여백은 두고 싶은데 한 덩어리로 움직여야 하는 단어들이 있다. 그럴 때 두 단어를 하나의 단어처럼 word-wrap이 일어나게 하면서도 공백을 두고 싶을 때 이 non-break space를 쓰는 것이다. Non-breaking Spaces: How to Check Something You .. 2021. 3. 6. [에러] yarn create react-app 명령어 실패 리액트 앱 생성 명령어를 넣었는데 에러가 발생한다.. yarn clean cache 한번 해주고 다시 실행하면 잘 된다. Create React App not installing, showing an error and aborting installation I Reinstalled Node.js and Yarn. Now I am getting this error. My environment information is: Node: v8.12.0 NPM: 6.4.1 Yarn: 1.10.1 OS: Windows 10 PS C:\Users\mdbel\Desktop\Project\redux> npx cr... stackoverflow.com 2021. 2. 14. 이전 1 ··· 8 9 10 11 다음 반응형
