CSS 파일을 HTML 파일에 적용해보자 1. css 파일을 만든다 2. 태그 안에 아래 코드를 작성한다 아래처럼 head태그 안에 넣으면 된다 style.css 는 css 파일 명이다 ./은 파일 경로를 나타내며, 현재 나는 css 파일과 html파일을 동일한 폴더 안에 만들어서 동일한 폴더라는 의미로 ./라고 썼다 만약 동일한 폴더안에 있지 않으면 경로를 적어주면 된다 *예를 들어 html은 alpha폴더에 있고 css파일은 beta폴더의 test 폴더 안에 있다면 href="beta/test/style.css" 라고 작성한다 왜 body 태그 안에 넣으면 안 될까? 로딩 성능 및 렌더링 효율 때문이다. 브라우저는 HTML 문서의 부분을 먼저 처리하고 페이지의 레이아웃을 그리기 위해 스타일 정보를 기..

즉, 흰색에 가까운 색을 사용해야 한다 어찌보면 당연한 이야기이다 검은색 바탕에 검은색처럼 채도가 높은 색을 사용하면 잘 보이지 않고 검은색 바탕에 흰색과 비슷한 색을 사용해야 잘 보일것이다 위 그림처럼 다크모드에서 쓰는 컬러 파레트와 라이트 모드에서 쓰는 컬러 파레트가 달라야 한다 다크모드의 채도가 더 연한걸 확인할 수 있다 피그마 플러그인을 이용하면 쉽게 변경할 수 있다 출처: UX UI디자이너를 위한 실무 피그마(클레어 정, 한빛 미디어)

해당 어플에서는 영상을 돋보이게 하기 위해 다크 UI를 기본으로 선택하였다 포인트 컬러는 네온 민트로 스포츠 느낌을 살렸다는데 이 점은 잘 와닿지 않는다 출처: UX UI디자이너를 위한 실무 피그마(클레어 정, 한빛 미디어)

🎲 예제 온도, 습도, 산소 농도를 순서대로 입력한다 String 으로 입력했다면 Double.parseDouble(); 을 이용해 double형으로 바꿔준다 해당 방법은 다음 게시글에 자세히 확인할 수 있다 https://clice.tistory.com/entry/자바-입력한-문자열을-정수-소수로-바꾸기-integerparseInt-DoubleparseDouble 자바 입력한 문자열을 정수, 소수로 바꾸기 integer.parseInt(); Double.parseDouble(); 🎲 parseInt() 란? parseInt()는 문자열 String타입의 숫자를 int타입으로 변환해주는 메소드이다. 예를 들어 String stringDate="20231029" //2023년 10월 29일 이라고 입력 했..

🎲 abs 절댓값 메소드 구현 참고로 abs 절댓값 메소드 또한 직접 구현하였다 이건 그냥 양수면 그대로 출력하고 음수면 -만 붙여 출력하면 되는 간단한 메소드이다 //절댓값 구하는 메소드 public static double abs(double x) { if (x >= 0) return x; else return -x; } 🎲 뉴턴 랩슨법 참제곱근을 구하는 방법에는 대표적으로 1. 바빌로니아 알고리즘 2. 뉴턴-랩슨법 이 있다 이번 게시글에서는 뉴턴 랩슨법으로 제곱근을 구해보겠다 뉴턴 랩슨법에 대해 간단한 설명을 해보자면 미분 가능한 함수 f(x) 에 대해 f(x)=0의 해를 구하는 방법이다 점화식 가 있을때 특정 조건에서는 이 존재하고 이 극한값 xn이 방정식의 해가 된다 🎲 뉴턴랩슨법을 이용한 sq..

reached end of file while parsing. 파싱하는 도중에 파일의 끝부분에 도달했다는 의미로 주로 괄호나 인용부를 닫지 않거나 열고 닫은 수가 맞지 않는 경우에 출력된다. 해당 에러 메세지가 뜨면 } 를 잘 닫았는지 살펴보자

🎲 parseInt() 란? parseInt()는 문자열 String타입의 숫자를 int타입으로 변환해주는 메소드이다. 예를 들어 String stringDate="20231029" //2023년 10월 29일 이라고 입력 했으면 이 날짜를 정수로 연산하고 싶을 수 있다 현재는 날짜 변수가 정수가 아닌 '문자열' 이기 때문에 사칙연산을 할 수 없다 이때 필요한게 Integer.parseInt();이다 예를 들어보자 Stirng stringDate="20231029"; //문자열 날짜 stringDate int intDate = Integer.parseInt(stringDate); //문자열을 정수타입 intDate으로 바꿈 System.out.println(++intDate); //1 증가 🎲 정수말고 ..

실습환경: 맥북 m2 air 비주얼 스튜디오 코드 자바 스크립트를 복습하던 중 button 을 만들고 클릭하면 팝업창이 alert 되는 것을 구현하려고 했다 그런데 버튼을 아무리 클릭해도 창이 뜨지 않았다 그래서 코드를 다시 살펴보았다 뭐가 문제였는지 아무리 찾아도 모르겠었는데, 알고보니 onclick(온클릭)을 써야 할 곳에 oneclick(원클릭)이라고 썼다 +이제 보니 onceclick이라고 썼네.. 원쓰릭은 뭐지 🎲 oneclick -> onclick 코드를 수정하고 실행하자 정상적으로 alert 창이 뜨는 것을 볼 수 있다. 난 왜 지금까지 원클릭으로 알고 있었지.. vscode에서 html을 작성할때는 잘못 작성해도 빨간줄이 자주 생기지 않아 오류를 찾기 어렵다ㅜㅜ 이걸 해결하는 방법을 찾아봐..

🎲 문제 상황vs code를 통해 react를 설치하려고 했는데 에러가 '우수수' 쏟아졌다.모두 동일하게npm ERR! code EEISTnpm ERR! syscall mkdir 등등이 떴다일주일 내내 react를 설치하려고 구글링을 해서, 해결 방법 두가지를 찾았다 🎲 해결 방법1. npm modules 삭제가 가능할 때npm install EEXIST: file already exists 에러가 날때 사용할 수도 있는 방법이다 1-1 node_modules 삭제 비주얼 스튜디오 왼쪽에 있는 node_modules 를 삭제(delete)해준다  1-2 npm 재설치아래 코드로 npm을 재설치 해준다npm install npm audit fix  끝!!!! 이면 좋겠지만,,,       나의 경우 n..