전체 글
-
240708 - 0712 코드로 떠먹는 리액트 - 에러 정리프레임워크/리액트 React 2024. 7. 12. 16:00
240708 - 0712 코드로 떠먹는 리액트 - 에러 정리[node.js 와 npm 설치 여부 확인]//노드 버전 확인node -v//npm 버전 확인npm -v//npm 최신버전으로 업데이트npm install -g npm@latest [에러 1]npm을 이용해 업데이트 하려고 했는데, win32라고 os 버전이 안맞아서 사용이 안된다고 한다.→ https://nodejs.org/en 사이트에 가서 msi 파일 다운받아서 업데이트 하자. [에러 2]java: error, gradle: error가 뜨며 빌드가 안되었다. //java 버전 확인java -version//gradle 버전 확인gradlew --version → openjdk와 gradle 삭제 후 다시 받아준다 + 자바는 환경변수(JA..
-
input 커스텀 정리(태그 구조로 분류)HTML5_CSS3/자주 사용하는 것 2024. 7. 12. 14:18
input 커스텀 정리내 입장에서는 기본 input을 사용하는 게 여러모로 편리하겠지만, 100중에 90은 디자인된 input이 주어진다.나는 주로 label을 커스텀하는 방식을 많이 사용했었는데, 이는 아래와 같은 장단점을 가진다. ➡️ input + label의 구조 / label에 커스텀하기input 뒤에 label이 오는 구조로 잡고, input은 {display: none;appearance: none}처리 후 label을 커스텀하는 방법 Click me "> HTML 삽입미리보기할 수 없는 소스/* 숨긴 input 요소 */input[type="checkbox"] { display: none; appearance: none;}/* 커스텀 la..
-
모듈 호출 방식 (import, require)프레임워크/리액트 React 2024. 7. 9. 16:53
모듈 호출 방식 (import, require)리액트 프로젝트에선 ES6 방식인 import 방식을 더 사용하지만, 필요에 따라 import를 쓰기도, CommonJS 방식인 require를 쓰기도 한다. 1. import 방식 / ES6 모듈ES6 모듈: import { createBrowserRouter } from "react-router-dom"; 2. require 방식 / CommonJSconst { createBrowserRouter } = require("react-router-dom");3. 차이점방식 ES6 / import CommonJs / require 임포트 시점정적 임포트 / 컴파일 시점동적 임포트 / 런타임 시점데이터 교환 방식import - export를 통해 모듈 간 데..
-
ERROR 1045(28000) 비밀번호 오류프레임워크/리액트 React 2024. 7. 9. 11:22
ERROR 1045 (28000): Access denied for user 'malldbuser'@'localhost' (using password: YES)→ 마리아DB 계정 연결 중 발생한 오류 - 비밀번호 오류→ 아래의 개념이 제대로 잡히지 않아서 생겼다.* 원인 : malldbuser로 로그인하면서 처음 설정했던 root 비밀번호로 로그인한게 이유 1. CREATE DATABASEmalldb 데이터베이스를 만들어라CREATE DATABASE malldb; 2. CREATE USER새로운 생성자를 만들어라 'USER명'@'호스트명' 암호설정 '사용할암호';CREATE USER 'malldbuser'@'localhost' IDENTIFIED BY 'malldbuser'; 3. % 의 의미CR..
-
곧 1년, 1년차 회고록 (문제점과 반성할 점)회고록 2024. 6. 20. 17:52
✏️1년차 회고록(문제점과 반성할 점)자제 프로그램을 갖고 있는 솔루션 회사 겸 SI 회사에 1인 퍼블리셔로 일한 지 1년물론 여러가지 협업을 하며, 부족한 부분은 고치고 새롭게 배우는 환경을 가질 수 있으면 좋았겠지만,현실은 그러지 못했고 혼자 바쁜 사람마냥 일에 치여 1년 가까이를 보냈다. ✔️ 문제점과 반성할 점 1. 형상관리 이슈지속적으로 요구했던 부분인데 바뀌지 않았던 부분 - 철저하게 개발자 위주의 회사이다 보니, 마크업을 위한 html, css 파일은 제대로 관리되고 있지 않을 뿐더러,개발 - 디자인 - 퍼블 순으로 진행되는 경우가 많아 최종적으로 개발단에서 맞출 때 추가로 수정사항이 생기는데 이 때, 개발자마다 다르긴 하지만, 별도의 언질 없이 개별적으로 수정하고 적용시키는 경우도 종종..
-
비동기 vs 동기Javascript 2023. 6. 28. 15:00
비동기함수 : 호출부에서 실행 결과를 기다리지 않아도 되는 함수 동기 함수 : 호출부에서 실행 결과가 리턴될 때까지 기다려야 하는 함수 비동기함수의 대표적예 : setTimeOut(), setInterval() ⭐이 두 함수를 사용한 뒤에는 반드시 clearTimeOut(), clearInterval()로 타이머 청소해라 (spa 개발시 이 부분이 메모리 누수로 이어질 수 있음) https://www.daleseo.com/js-timer/ 👉 비동기 함수 호출시 return을 사용해 결과값을 받으려는 경우 예상치 못한 순서로 코드가 진행될 수 있다. 👉 결과값을 통해 처리할 로직을 콜백함수로 넘기는 스타일로 진행해라 최근에는 프로젝트가 복잡해짐에 따라 콜백으로 비동기처리 하는 스타일 피함 👉 콜백함수의 ..