Tiny Bunny

본문 바로가기

💻92

[React] 리액트와 가상돔(virtualDOM) / 터미널 초기 설정 목차1. 리액트(React)2. 리액트 사용이유와 VitrualDOM(가상돔)3. terminal에서 초기 설정하기 1. 리액트(React) "자바스크립트 라이브러리"리액트란 자바스트립트 UI 라이브러리이다. "SPA(Single Page Application)" SPA는 수많은 웹 페이지를 로딩할 때 최신 업데이트를 신속하게 반영하며, 페이지 로딩 속도를 향상시키고 트래픽을 줄인다.따라서 페이지가 부드럽게 전환되도록 하고, 업데이트가 될 때까지 기다리는 시간을 단축시킨다. "ft. Meta"Meta가 만든 오픈 소스 기반 라이브러리.든든한 지원군인 Meta덕에 웹 개발 시장에서 쉽게 무너질 일은 없다는 것,! https://github.com/facebook/react GitHub -.. 2025. 3. 23.

[Github] 깃허브 Readme에 이미지 넣기/ 크기 조절 하기 목차1. Readme에 넣을 이미지 주소 생성하기2. 크기 조절 방법 깃허브 Readme에 이미지 넣는 방법을 정리해보자 ☺️ 1. Readme의 레포지토리에서 이슈 생성창 열기 2. 삽입하고자 하는 이미지를 끌어 넣어준다 3. 'Uploading.....' 이라는 문구가 뜨고 기다리면 된다 4. 아래와 같은 이미지 주소가 담긴 코드를 생성해준다![Image](https://github.com/user-attachments/assets/99fb28dc-19d1-4ff1-adbc-f4725aa647a1) 만약 크기를 조절하거나 align등의 속성을 주고 싶다면, 태그의 src 부분에 위의 이미지 주소 부분을 삽입하여 사용하면 된다. ☺️ 2025. 3. 17.

[JS] 로컬스토리지(LocalStorage) / JSON - Object 타입 변환 목차1. localStorage2. localStorage와 JSON 1. 로컬스토리지 개념 localStorage란 크롬과 같은 웹 브라우저에 데이터를 저장할 수 있는 기능이다.즉 웹 상에 우리의 데이터들을 저장하는 것이다. 💡 로컬스토리지를 사용하면 브라우저를 닫아도 저장되었던 데이터를 계속해서 유지할 수 있다. 보통은 사용자의 로그인정보나 설정 등을 저장하기 위해 사용하는데,Key- Value 값의 형태로 데이터를 저장한다.localStorage.setItem("키", "값"); 키에는 내가 저장하고 싶은 DB 덤탱이에 이름을 정해주는 것이고, 각 값은 각각의 데이터 값을 의미한다. 크롬 브라우저에서 local Storage 값 확인하기크롬 브라우저에서 localStorage를 확인하.. 2025. 3. 7.

[DB] 로킹(Locking) 단위 , 로킹과 병행성, DB 로킹 기법 로킹 단위란?로킹(locking) 단위란 데이터베이스에서 말그대로 ‘잠그는 단위’를 나타낸다. 로킹 기법이란 하나의 트랜잭션이 데이터를 엑세스하는 동안, 다른 트랜잭션이 해당 데이터 항목을 엑세스 할 수 없도록 하는 병행 제어 기법이다. ‘동시성 제어 기법’ 이라고도 한다.여기에서 록(lock)은 데이터를 사용하는 단위라고 볼 수 있다.마치 운영체제의 스레드 스케줄링처럼, 한 번에 하나만 사용하도록 하는 단위를 ‘로킹 단위’라고 한다.실질적인 예시를 들어보자면,프로젝트를 진행할 때 팀원과 DB를 관리해야하는 일은 빈번하다. 만약 내가 데이터를 추가하거나 수정하는 동안 다른 팀원도 동시에 같은 데이터를 건들게 될 경우, 오류가 발생하거나 올바르게 데이터를 처리하는 데에 문제가 발생한다. ❗️이 경우, 로킹.. 2025. 2. 26.

[Error/OS] 윈도우 0xd0000225 오류 / 업데이트 후 로그인 오류 "문제가 발생하여 PIN을 사용할 수 없습니다(코드: 0xd0000225) PIN 설정을 다시하려면 클릭하십시오. " 윈도우 업데이트 후 처음으로 컴퓨터 켜서 PIN 입력하니 오류가 발생했다."문제가 발생하여 PIN을 사용할 수 없습니다(코드: 0xd0000225) PIN 설정을 다시하려면 클릭하십시오. " 라는 메시지와 로그인이 안되는 상황. 이건 또 무슨 경우지..윈도우 OS 자체 오류는 또 처음이라.. 당황함 👀 💡오류 해결 방법 1. shift 키 + 다시시작 (안전모드 부팅 하기)+ 나는 이렇게 다시시작을 해도, 안전모드 진입이 되지 않아서, 재부팅될 때까지 F8키를 계속해서 눌러서 부팅하는 방법을 사용했다. 2. NGC 폴더이름 변경하기 문제해결 > 고급옵션> 명.. 2025. 2. 15.

[DB/OracleDB] Oracle DB 삭제한 데이터 복구하기 (TIMESTAMP) 프로젝트 진행 중1.중복된 상품이 메인화면에 뜨는 오류가 발생해서 DB 정리를 맡게되었고, 쿼리문으로 해당 테이블에 있는 데이터들을 정리시작함.2. 'ORA-02292: 무결성 제약조건이 위배되었습니다- 자식 레코드가 발견되었습니다.' 라는 오류가 뜨며 해당 데이터가 삭제되지 않음. (해당테이블은 여러 자식테이블이 참조하고 있었기 때문이다..)3. 그래서 쿼리문을 통해 여러 테이블을 이것저것 삭제를 하다가 , 전혀 상관없는 상위의 쌩(?)데이터를 삭제하는 대실수를 저지름... (이제 해당 테이블로부터 작동하던 모든 동작에 오류발생... ㅎ) 찾아보니 삭제한 데이터를 시간을 기준으로해서 해당 테이블을 복구하는 방식이 있었다! 데이터를 실수로 삭제(DELETE) 했다면, TIMESTAMP.. 2025. 1. 23.

[Error] EPERM: operation not permitted c: > 사용자> documents 폴더에 폴더를 생성하고(생성 당시 보안 alert창이 뜨긴했음.. 🫥) VS code로 폴더를 열어 파일을 생성하니, 이런 에러가 떴다. :관리자권한이 필요한 폴더내에 프로젝트 폴더가 있어서 생기는 에러. 1. 첫 번째 방법cmd를 관리자 권한으로 실행하고 해당 위치로 경로를 이동 후, code 폴더명 해서 VS code를 실행하니 된다 😚 2. 두 번째 방법cmd를 관리자 권한으로 실행하고 code 만 입력해도 이전에 열었던 폴더가 열렸다. 2025. 1. 23.

[Error] ORA-02292: 무결성 제약조건이 위배되었습니다- 자식 레코드가 발견되었습니다. ORA-02292: 무결성 제약조건(AAA.BBB)이 위배되었습니다- 자식 레코드가 발견되었습니다.에러 메세지에서 BBB를 기억한다.123SELECT CONSTRAINT_NAME, TABLE_NAME, R_CONSTRAINT_NAME FROM USER_CONSTRAINTS WHERE CONSTRAINT_NAME = 'BBB'; 위 SQL문에서 다른건 수정하지않고 BBB만 바꾸어 실행한다.그럼 TABLE_NAME이 나오는데,그 테이블을 열어서 잘 찾아보면 삭제하고자 한 테이블의 FK가 보인다.이럴 때 해결방법1) 자식레코드가 있는지 검사 후 있을 경우 사용자에게 삭제불가 경고메세지를 띄운다. 123SELECT COUNT(*) FROM TABLE_NAME WHERE FK = 'FK값'; 위 SQL.. 2025. 1. 14.

[JS] 자바스크립트 배열 Json타입 변환, ajax를 통해 controller에 넘기기 쇼핑몰 장바구니 기능을 구현하며,각각 카테고리 별 제품을 화면에 띄워주며 자바스크립트를 이용해 배열에 담았다. 이 배열을 Json타입으로 바꿔서 ajax를 이용해 보내는 방법을 정리해보려 한다. ☺️ 1. 자바스크립트 배열에 담기 먼저 상품명, 수량, 가격 / 조립여부, 조립가격, 수량/ 견적 이름 을 자바스크립트 배열에 담아야했다.담기버튼을 클릭하면 addToCart()를 통해 productName과 productPrice를 가져오도록 한다. 그리고 active된 component의 이름을 배열 Name으로 지정한 후, currentCart[componentName] = { name: productName, price: parseInt(productPric.. 2025. 1. 5.

[JS] 자바스크립트 문자열 공백 제거하기 - trim() , replace() 자바스크립트에서 문자열 공백을 제거하는 방식은 두 가지 함수를 사용해서 제거가 가능하다. 1. replace()var a = "가 나 다 라 마 바 사 "a.replace(" ","")//"가나 다 라 마 바 사 "a.replace(/ /g,"")//"가나다라마바사" replace는 문자를 교체하는 것이기에 사실 공백이 아니어도 가능하다. 2. trim()var a = " 안 녕 하 세 요 "a.trim()//"안녕하세요" trim은 위와같이 앞과 뒤쪽의 공백을 제거하여 준다. 2025. 1. 4.

[Spring Boot] Controller, Service, DAO, Mapper, DTO 정리 1. 기본구조 웹 화면 - Controller - Service - DAO - Mapper - DB Controller : 호출된 URL을 통한 데이터 입출력Service : DAO 데이터를 주고 받으며 비즈니스 로직 수행DAO(Data Access Object) : DB 데이터에 접근, 데이터를 삽입, 삭제, 조회 등 할 수 있음.Mapper : Mapping 파일에 있는 SQL을 자바 인터페이스를 통해 호출할 수 있도록 해줌.DTO(Data Transfer Object) : 계층 간 데이터 교환을 위한 로직을 가지지 않는 데이터 객체. getter, setter 메소드만 가진 클래스Mapper: DAO 대신 인터페이스만을 사용하여 DB에 접근할 수 있다. (mybatis 사용 시 사용함.).. 2024. 12. 25.

[Git/ Sourcetree] rebase 충돌 해결법 개인 브랜치에 작업한 소스를 commit, pull, push 후에 rebase를 하니, 충돌이 발생했다. . . 🥲 해결법1. Gti Bash에서 rebase시 충돌 발생2. '파일상태'에 충돌한 파일들이 스테이지에 아직 올라가지 않은 상태로 뜬다.3. 외부병합 툴을 사용해 각 파일의 충돌난 코드 부분을 수정해주기.4. 해결 완료된 파일을 스테이지에 올려준다.5. Git Bash로 와서 "git rebase --continue" 를 입력.6. vi(text-editor)로 화면이 전환되면, esc 누른 후에 ":wq" 입력하기. wq(=write quit)7. rebase를 성공할때까지 이 작업을 반복8. rebase를 성공하면, '강제푸시' 하기. 이렇게 하면 충돌을 관리할 수 있다... 2024. 12. 19.

이전 1 2 3 4 ··· 8 다음

티스토리툴바