티스토리

그냥 블로그

검색하기

블로그 홈

그냥 블로그

mina3215.tistory.com/m

니 실력에 잠이 와?

구독자: 0

방명록 방문하기

주요 글 목록

Event 위임/ 전파 ( 버블링, 캡처링 ) Event 위임구글 메인 페이지에서 내가 등록해놓은 Icon을 클릭하는 이벤트가 발생한다고 가정할 때, EventHandler를 어떻게 붙여주고, 발생시켜야 할까? 내가 선택하고 싶은건 notion 이지만 실제로 html은 다음과 같이 생겼기 때문에, querySelector('.tiles').addEventListner 형식으로는 불가능 하다. ( 심지어 이런식으로 하면 맨 상단에 하나만 붙는다 ) 모든 tile 요소는 동일하게 클릭 이벤트 발생 시 링크로 보내져야 할텐데... (사실, 저거는 a 요소로 써서 eventHandler를 직접 붙여줄 필요는 없지만 가정이다!!!! ㅎ) querySelectorAll를 써서 반복문으로 일일이 붙여주거나....const cardAll = document.q.. 공감수 0 댓글수 0 2024. 9. 4.
[HTML] Semantic Tag (Semantic Markup) 정리해보기 Semantic Tag포함된 콘텐츠의 특정 의미를 정의하고, 목적을 갖는 태그다. 기존 HTML 태그 기능과 마찬가지로 block element이면서 사이트 구조(레이아웃)를 설계하기 위해 존재한다. 태그에 의미를 부여해 구조를 파악하기 쉽게 함. 이전에는 구조 구분을 위해 태그에 id나 클래스 등으로 구조를 설계했으나, HTML5에서는 시맨틱 태그의 등장으로 좀 더 명시적이며 직관적인 구조 설계가 가능해졌다 메인 홈이랑 기사 페이지에 작성되어 있는 시맨틱 구성? 이 좀 다르다고 느꼈다. 메인 홈은 section으로 header, main, aside 전부 분리되어 있었는 반면에 기사 페이지에는 section은 없었고 그냥 div로 되어 있는 부분이 많았음. 상위 요소에서 뭔.. 공감수 0 댓글수 0 2024. 8. 20.
[Recoil] Recoil 과연 괜찮을까? 이 글은 단지 프로젝트를 하면서 봤던 내용과 생각을 정리한 글입니다 : ) 전문가는 아니기 때문에 오류가 있을 수 있고, 저 또한 확실하게 알고 있지 못한 상황이기도 합니다. 혹시, 더 알고 있는 내용이 있다면 코멘트 남겨주시면 감사하겠습니다 !! 이번 프로젝트는 기존에 안써봤던 다양한 기술 스택을 써보고 싶었다. 사실 이런 기준으로 선택하면 안될 것 같지만, 한번 써보자 싶었기에 공고에서 많이 보이는 유명한 기술 스택들을 써보고자 했다. 그렇게 선택한게 1) Next.js : CSR과 SSR을 제대로 경험해 보기2) Recoil, React Query : 기존 Redux의 Boiler plate 단점을 극복하기 위한 기술 스택으로 많이 언급되고 많은 곳에서 사용됨. 3) TypeScript : J.. 공감수 1 댓글수 1 2024. 8. 16.
[React-Query] 캐시 기능 이해하고 활용하기 React Query가 좋은 이유 중 하나가 cache 기능일 것이다 ㅎㅎ .이걸 이용해서 redux 같은 전역 상태 관리 라이브러리를 쓰지 않고 React-Query 만으로도 관리할 수 있기도 한 것이다!! React-Qury는 이 캐싱 기능을 다루기 위해 stale, cahcetime, refresh 등의 option을 제공한다. stale 상태 "탁한", "신선하지 않은" 이란 뜻으로, 업데이트가 필요한 상태이다. react-query는 쿼리가 stale 할 때, 다음과 같은 상황에서 해당 쿼리를 fetch한다. 새로운 인스턴스가 마운트 될 때브라우저 화면이 다시 focus 될 때네트워크가 재연결됐을 때트결히 설정한 refeetch interval이 있을 때 staleTime 쿼리를 fetch한 .. 공감수 0 댓글수 0 2024. 8. 13.
[WALFI] BE/FE - Token으로 유저 정보 가져오기/ Reqct-query Cache 사용 1. Back-End (JavaSpringBoot) table column 여기서 user_id, email, name, birth_date, phone_number, 대표 계좌를 보내는 API를 만들거다. Domain 이미 사용되고 있는 Entity 이기 때문에 기존에 작성되어 있던 UserDomain을 사용한다 '-^b Repository userId로 정보를 받아오는 findI()를 작성한다. @Query(value = "select * from user where user_id = ?1", nativeQuery = true) User find(String userId); Dto userDto 변경없이 사용 ~.~ Service 추가 uerId로 user정보를 찾기. findById.. 공감수 0 댓글수 0 2024. 8. 13.
[C++/백준] 23326 홍익 투어리스트 https://www.acmicpc.net/problem/23326 본론부터 말하면 실패했다. ( 인터넷 참고 ) 분류 : 자료 구조, 이분 탐색, 트리를 사용한 집합과 맵 제한 : 1초, 1024MB [생각했던거]솔직히, 문제를 보고 어떻게 풀어야할지 감이 잘 안왔다. 억지로 큐를 만들어서 Before, after 나눠두고 계속 옮기는 식으로 진행하려 했는데, 이렇게 되면, after 큐에서 before 큐로 옮긴 뒤에 한 바퀴 돌면 before에서 다시 해줘야 하는데 그거 옮기는 과정이 번거로워졌다. 그래서 풀지는 못하고 인터넷 서칭 했음. [설명]우선, set을 사용해서 푸는 문제였다. 분류에 이분탐색이 나와있는데, C++ 에서 set은BST 기반으로 중위 순회로 동작하여 정렬과 탐색.. 공감수 0 댓글수 0 2024. 8. 12.
소켓 프로그래밍 소켓 프로그래밍소켓을 통해 간접적으로 TCP, IP 등과 같은 하부 프로토콜을 다룸으로써 애플리케이션을 작성하는 것. 소켓 옵션 소켓 옵션을 적용하면 동일한 소켓 함수를 호출해도 소켓 코드나 프로토콜 구현 코드의 동작이 달라지도록 할 수 있음. https://dbehdrhs.tistory.com/83 7장 소켓 옵션개요 소켓 프로그래밍이란 아래 그럼에서 보는 것과 같이 소켓을 통해 간접적으로 TCP, IP등과 같은 하부 프로토콜을 다룸으로써 애플리케이션을 작성하는 것을 의미한다. 이와 같은 관점에서 보dbehdrhs.tistory.com 공감수 0 댓글수 0 2024. 8. 7.
TCP/IP 및 에코서버 💡 요약 및 복기 TCP/IPOSI 7 Layer 중 3,4 (네트워크, 전송)을 다루는 프로토콜 왜 붙여부를까? 패킷 통신 방식의 인터넷 프로토콜인 IP와 전송 조절 프로토콜인 TCP로 이루어짐. IP는 패킷 전달 여부를 보증하지 않고, 패킷을 보낸 순서와 받는 순서가 다를 수 있다. TCP는 IP 위에서 동작하는 프로토콜로, 데이터의 전달을 보증하고 보낸 순서대로 받게 해 줌HTTP, FTP, SMTP 등 TCP를 기반으로 한 수 많은 애플리케이션 프로토콜들이 IP 위에서 동작하기 때문에, 묶어서 TCP/IP로 부른다. 에코 서버클라이언트에서 전송받은 데이터를 다시 전송해주는 서버. 에코 서버 작동 원리서버는 특정 IP 주소와 포트에서 수신을 위한 소켓을 연다. 클라이언트가 서버에 연결을 요청하.. 공감수 0 댓글수 0 2024. 8. 7.
[네트워크] HTTP Request/Response 추후에 HTTP 1.1, 2 차이 정리 필요!!💡 요약 및 복기 HTTP Request와 ResponseHTTP (HyperText Transfer Protocol) 웹 브라우저는 URL을 이용해 원하는 자원을 표현한다HTTP 메소드(method)를 이용해 데이터를 요청(GET) 하거나, 회신(POST)클라이언트의 요청과 서버의 응답에 의해 동작하는 간단한 프로토콜stateless ( 상태를 저장하지 않는다 ) 한번 요청, 응답 하고 나면 연결이 끊기는 구조 각 요청은 독립적이다. HTTP 쿠키를 이용하면 상태를 저장하는 세션에 사용할 수 있다.*HTTP 쿠키 : 서버가 웹 브라우저에 전송하는 작은 데이터 조각. 브라우저는 데이터 조각을 저장해 놓았다가, 동일한 서버에 재요청 시 저장된 데이터를 함께.. 공감수 0 댓글수 0 2024. 8. 5.
[Linux] 파일 및 디렉토리 구조/시스템 HTTP 요청, 응답 정리는 💡 요약 및 복기파일 ? 파일은 정보를 저장하는 집합에 이름을 붙인 것. 일반, 디렉토리, 링크, 장치 파일이 있다. 파일과 Directory 차이 ? Directory는 일종의 파일 종류이다. 하위 파일/Dir 에 대한 정보와 데이터를 담고 있다. 파일은 데이터 저장.파일 시스템 ? 파일을 효과적으로 관리하기 위한 시스템이다. 커널 영역에서 동작한다. => 파티션 마다 파일 시스템을 둘 수 있음.파티션 ? 물리적인 공간을 나누는 것. 순차 접근, 직접 접근, 인덱스 접근 ? 이 있따.(직접 접근은 db에서 사용됨)디렉토리 구조 ? 계층적 구조 Three에 해당하는 비순환 구조에 가까움. 파일 시스템파일논리적인 저장 단위, 관련된 정보 자료들의 집합에 이름을 붙인 것. .. 공감수 2 댓글수 1 2024. 8. 5.
[JS] is not a contructor 순환 참조 [08/30] "is not a constructor" 리팩토링을 진행하다 Error가 발생했다. "생성자가 아닙니다".... 살펴본 결과, class 명 일치, import 파일명 일치....원인을 찾을 수가 없었다. 해결하기 위해서 어쩔 수 없이 오류가 난 곳을 주석 처리해가면서 거슬러 올라간 결과 순환 참조 문제 때문이란 걸 알 수 있었다. 설계에서는 순환이 없었는데, 리팩토링을 하다보니 이런일이 일어나고 있었다... test 파일로 예시를 들자면 아래와 같은 상황이었다.const test2 = require('./test2');class test1{ constructor() { this.test2 = new test2(); }}module.exports = test1;con.. 공감수 0 댓글수 0 2024. 8. 4.
[Git] VCS / SHA와 GIT / staged, modified, untraked/ Git Object 버전 관리 시스템 (VCS, Version Control System)파일 변화를 시간에 따라 기록했ㄷ다가 나중에 특정 시점의 버전을 다시 불러올 수 있는 시스템. 선택한 파일을 이전 상태로 되돌릴 수 있고, 변경 사항을 비교하고, 변경한 사람 및 변경 시기 추적 가능. 로컬 버전 관리 (Local VCS) 로컬 데이터 베이스를 두는 느낌의 버전 관리.대표적으로 RCS(Revision control system) : 패치 세트(즉, 파일 간 차이점)를 디스크에 특수 형식으로 보관해 작동. 모든 패치를 더해 어느 시점에서든 파일을 다시 불러올 수 있다. 중앙 집중형 버전 제어 시스템 (cvcs) 서로 협업해야할 경우를 해결하기 위해 개발됨. 모든 버전이 있는 파일이 포함된 단일 서버와 해당 중앙 위치에서.. 공감수 0 댓글수 0 2024. 7. 31.
[JS] 스레드와 병렬 처리/ 비동기 처리 문법 / Promise / Async await 💡 정리 요약 1. 비동기와 멀티스레딩 차이 지난번에, work-thread를 사용해보면서 비동기랑 멀티 스레딩이 그래서 어떤 차이인지가 궁금했었다. 뭔가 비슷한 것 같아서.... 그래서 차이를 한번 알아보쟈 :) 비동기 프로그래밍 여러 일이 동시에 발생한다. 프로그램은 실행시간이 긴 함수를 실행할 때, 함수의 실행 흐름을 막지(block) 않고, 계속 프로그램을 실행한다. 비동기 시스템에서는, 추가적인 스레드를 시작하여 해결한다. 단일 스레드 접근(single-thread approach)의 또 다른 예로, OS에서 파일을 가져와서 연산을 하는 것이 있다. 비동기 프로그램 접근 방식은, 실행속도가 느린 함수를 하나 실행하고, 그 동안 추가적인 콜백(callback) 함수들을 실행하는 것이다.멀.. 공감수 1 댓글수 0 2024. 7. 29.
[JS] 이벤트 핸들러/ 리스너/ 에미터/ 루프 2024.07.29 - [Front-End/JavaScript] - [JS] 스레드와 병렬 처리/ 비동기 처리 문법 / Promise / Async await 💡 요약 정리- event란 사용자와 상호작용하는 것으로 특정 행위를 의미한다. - eventHandler란 event가 발생하면 화면을 조작하거나 무언가를 조작하는 함수 - eventListener란 이벤트에 응답하는 js의 내부 함수. => handler는 단순히 이벤트 발생 시 무언가를 해라! 라고 정의되어 있는 함수이고, eventListener는 이벤트가 발생하는지 보고 있다가 발생하면 동작하는 함수인 것 같다. 그래서 리스너에서 이벤트가 감지되면 핸들러를 실행시키는 것 ㅇㅅㅇ!! 이벤트 ( event ) 웹 브라우저에서 DOM 요소.. 공감수 2 댓글수 2 2024. 7. 29.
[디자인 패턴] Publisher - Subscriber vs Observer 패턴 데드락 ( 교착 상태 ) 해결 방법 기억 안나서 공부! 이벤트 리스너, 이벤트 루프, JS 단일 스레드 (JS 및 NODE의 동작 과정) 발행-구독(Publisheer-Subscriber) 중재자 패턴 (Mediator Pattern) 발행-구독(영어 : Publish-Subscribe) 디자인 패턴은 소프트웨어 아키텍처 패턴의 하나로, 메시지 발행 컴포넌트(발행자)와 메시지 수신 컴포넌트(구독자) 사이 결합도를 낮추기 위해 사용된다. 비동기 메시징 패러다임 -> 바로 연결된게 아니기 때문에 ~~ 이 패턴의 핵심은 발행자가 메시지를 누구에게 구독자는 어떤 발행자로부터 메시지를 받는지 알 필요가 없다는 데 있다. 즉, 발행자와 구독자 사이에 직접적인 연결 고리가 없어, 시스템의 유연성과 확장성을 향상시.. 공감수 0 댓글수 0 2024. 7. 25.
[CS] 함수형 프로그래밍과 불변성(immutable) 프로그래밍 패러다임은 크게 두가지로 구분된다. 1. 명령형 프로그래밍절차지향, 객체지향 프로그래밍이 여기 속함.2. 선언형 프로그래밍함수형 프로그래밍 함수형 프로그래밍순수 함수를 조합하고 소프트웨어를 만드는 방식. ( 클로저, 하스켈, 리스프 ) 함수를 타입으로 지정하거나, 인자값으로 넘기거나, 리턴값으로 받을 수 있다. ( 함수를 1급 시민, 1급 객체로 관리 ) => 마치 함수도 객체처럽 변수나 함수의 인자, 리터럴하게 다룰 수 있다는 것. 대입문을 사용하지 않는 프로그래밍, 작은 문제를 해결하기 위한 함수를 작성한다. -> 변수에 값을 할당하지 않는다// 1 ~ 10까지의 값이 i에 할당된다for(int i = 1 ; i ex) 첫 번째 인자로 몇까지 iteration을 돌 것인가, 두 번쨰 .. 공감수 0 댓글수 0 2024. 7. 24.
정규 표현식 (Regex) 쓴거 위주로 정리. /^문자열의 시작을 의미한다. ( 없어도 됨 ) ex) /^g.*/ -> 맨 앞 시작이 g로 시작.$/문자열의 끝을 의미한다. (없어도 됨) x{n} x 문자가 n번 이상 반복됨을 의미한다.x+반복을 표현하며 x문자가 한번 이상 반복됨. ex) \w+ : 문자, 숫자, _ 가 모두 매칭 된다. .*👍 모든 문자열을 포괄./g대상 문자열 내에서 패턴이 있는지 계속 검사함. 정규식이 끝나는 자리에 써준다 ex) /g.*/g : 문자 내부에 있는 모든 g를 검사 \w알파멧, 숫자, _ 중 하나를 의미. 단어를 의미하는건 아니고 문자 하나만 x|yx 또는 y\특수 문자 특수문자 사용 시에는 앞에 \를 붙여준다. ex) \/ : / 슬래스 표현 메서드 Regex.test(string.. 공감수 0 댓글수 10 2024. 7. 24.
[CS] sw 테스트 : 단위 테스트 (Jest) 사용한 정규 표현식 정리 단위 테스트 소스 코드 단위의 자동화된 테스트 코드, 함수 또는 클래스의 한 줄. 두가지 유형이 있다.사교적 단위 테스트 ( 종속성이 있는 단위 ) 솔리터리 유닛 테스트 ( 종속성이 없는 단위) 프로그램의 개별 부분이 예상대로 올바르게 작동하는지 확인한다. JestBy ensuring your tests have unique global state, Jest can reliably run tests in parallel. To make things quick, Jest runs previously failed tests first and re-organizes runs based on how long test files take.jestjs.io Jest *.test.j.. 공감수 0 댓글수 0 2024. 7. 23.
[객체 지향] 객체 지향 설계 원칙 SOLID 인터페이스와 클래스의 차이( JavaScript ) 인터페이스 ES6가 제공하지 않는 TS 만의 특징. 추상 클래스는 선언과 구현이 모두 존재하지만, 인터페이스는 선언만 존재.멤버 변수와 멤버 메서드를 선언할 수 있지만 접근 제한자는 설정할 수 없다. 클래스청사진을 정의한 다음 클래스 속성을 추기화하고, method를 정의한다. 클래스의 인스턴스를 만들 때 실행 가능한 함수와 정의된 property를 가진 객체를 얻는다. JAVA 에서 추상 클래스와 인터페이스 정리단일 책임 원칙 (SRP)개방 폐쇄 원칙 (OCP)리스코프 치환 원칙 (LSP)I가 뭐더라 -> 인터페이스 분리 원칙 (ISP)의존 역전 원칙 (DIP)단일 책임 원칙 모든 클래스는 하나의 기능만 가지며, 클래스가 제공하는 보든 서비스는.. 공감수 1 댓글수 0 2024. 7. 22.
[운영체제] 🧐 프로세스 메모리 구조 모델 프로세스는 각 메모리 공간을 시스템으로부터 할당 받는다. => 보면 프로세스 마다 코드/데이터/스택/힙 영역이 나뉘어 진다. code(text), data, heap, stack 영역으로 구성된다. Code(text) 영역프로그램에 있는 함수 코드, 제어문, 상수 등을 포함한다.일반적으로 한 번 로딩하면 바뀌지 않는다. JVM과 node, 브라우저는 따로 공부하기 Data ( GVAR/BSS ) 영역범위(Scope)가 정해지지 않는 전역(Global 또는 Static) 변수를 포함한다. GVAR는 초기값을 0이 아닌 특정한 값으로 지정한 경우 사용.=> GVAR에서는 초기화한 전역 변수, BSS는 초기화 하지 않은 전역 변수 HEAP 영역동적으로 할당되는 메모리 공간으로 malloc이나 new .. 공감수 0 댓글수 0 2024. 7. 22.
[JavaScript] ArrayBuffer + More (주말)프로세스 메모리 구조 정리하기 call Stack 찾아보기 v8엔진에서 프로세스 동작 정리하기 브라우저 / v8 엔진에서 프로세스 동작 차이까지 알아보기UML - 클래스 다이어그램 정리해보기 ArrayBuffer 레퍼런스 타입으로 되어있고, 고정된 길이의 연속된 메모리 공간을 할당해 사용하겠다고 알려주는 역할을한다.오디오나 미디어 전용인 버퍼도 있다 :)js에서 바이너리 데이터 (ex) 이미지 처리) 등에 사용된다. let arrBuffer = new ArrayBuffr(16); ArrayBuffer은 길이가 고정되어 있다. 정확하게 메모리 어느 바이트만큼 명시하는 역할을 하고 있기에 배열처럼 arry[0] 같은 get은 불가능 하다. => ArrayBuffer는 Array가 .. 공감수 0 댓글수 0 2024. 7. 18.
[CS] 파싱/ 컴파일러 이론 Parse란? 파싱이란 컴퓨터 과학 및 프로그래밍에서 특정 형식으로 구성된 데이터를 분석하고 그 의미를 이해하는 과정을 의미한다. 프로그래밍 언어 소스 코드를 이해하거나 문서를 구조화하고 내용을 추출하는데 사용된다. 1. 문자열 파싱 문자열에서 특정 데이터를 추출하거나 원하는 형식으로 변환하는 프로세스 ex) csv를 파싱해 표 데이터 추출, JSON 문자열을 객체로 변환하는 것. 2. 언어 파싱프로그래밍 언어 또는 마크업 언어의 소스 코드를 해석하고, 구문 오류 확인, 실행 가능한 코드로 변환하는 프로세스. 컴파일러나 인터프리터3. HYML/XML 파싱웹 페이지의 HTML 또는 XML 문서를 해석해 웹 브라우저가 문서를 렌더링하거나 웹 스크래핑 도구가 웹 사이트에서 데이터 추출. 4. 구문 분석 .. 공감수 0 댓글수 0 2024. 7. 17.
[C++/백준] Solved.ac 3단계 실수 모음 케빈 베이커의 6단계 법칙 - 자료형 오류 (2e9는 int에 담을 수 없다)https://www.acmicpc.net/problem/1389 일단 문제 유형은 최단 거리 문제로 BFS나 플로이드-워셜로 풀면 풀 수 있다. 나도 문제를 보고 플로이드로 해결하려고 했다. 근데 실수가 있어서 계속 해맸는데, 무작정 큰 수로 채울 때 2e9로 채우는 경향이 있는데, 2e9는 정수 범위를 넘어서기 때문에 오류가 난다. 뭔가 int, long long 각각 제일 큰 수를 생각해 놓는게 좋을 것 같다. 내 기준 int는 1억 정도까지 감당 가능하다고 생각하기 때문에 그정도? 로 잡고 그 범위가 넘는 문제만 long long으로 해결하자. 공감수 1 댓글수 1 2024. 7. 17.
[네트워크] SSH란/동작원리/비대칭키/대칭키 웹 개발자가 리모트 환경에서 배포하는 흐름? 리눅스 권한 공부 wrx-SSH란? (겸사겸사 이름 비슷한 SSL도 )리눅스 명령어 정리쉘 스크립트 문법 정리데몬? SSH (Secure Shell) 원격 호스트에 접속하기 위해 사용되는 보안 프로토콜 => 옮겨지는 데이터를 암호화기존엔 텔넷이라는 방식을 사용했는데, 암호화를 제공하지 않아 보안상 취약하다는 단점이 있다. 실제로 패킷 분석 프로그램을 이용해 누구나 쉽게 원격 접속 과정에서 옮겨지는 파일들을 탈취할 수 있다. AWS, NBP? 같은 CSP(Cloud Service Provier)에서 서버 생성시 필수적으로 SSH 보안 과정을 거친다. KEY를 생성하는 방식은 2가지가 있다. (ssh 뿐만 아니라...) 1) 대칭키 2) 비대칭키1) 비대칭키 .. 공감수 0 댓글수 0 2024. 7. 16.
[GIT] Git에 대해서 git 기본 명령어 -h 사용하기 괜찮아 보이는 것만 가져옴. git add -p : 변동 사항을 보여주며 차례차례 commit할 사항을 정할 수 있다-u : 변경이 있는 파일만 add (새로 생긴 파일 제외 ). or -A : 몯든 변동사항 add ( 거의 이거만 쓰는 듯 ) git commit-m : vim에서 별도 메시지 작성 없이 인라인 형식으로 바로 작성 ( 이거 안하면 vim 편집기가 뜬다. 여러 줄 가능 )-a : 별도 add 명령어 사용하지 않고 수정된 파일에 대해 add, commit 한번에 수행. (반드시 한번은 add 된 파일이어야 함) -am : a,m 옵션 합친 상태git branchgit branch [생성할 branch] [상위 branch]-a : 모든 branch (로컬 .. 공감수 1 댓글수 0 2024. 7. 15.
[C++/백준] Solved.ac 2단계 [solved.ac 2단계 모음집]https://www.acmicpc.net/group/workbook/view/20371/71152 알고리즘을 조금씩 꾸준히 풀면서 항상 기초가 부족하다고 느꼈다. 일단, 새로운 유형의 알고리즘 유형을 봐도 외우지 않고 양치기로 해결하려고 하는 느낌이 있고, 문법을 잘 몰라서 써칭해본적도 많다... 그래서 좀 방향을 바꿔서 기본부터 차근차근 올라가기 위해서 solved.ac 2단계부터 6단계까지 모두 부수기를 진행하려고 한다..!! 물론 그 과정에서 지켜야하는 몇 가지가 매일 써칭하는 문법 ( cstring...애들... )은 찾아보고 정리 + 외워버리기알고리즘 대표 유형 코드는 외우기. 툭 치면 툭 나와야한다. MST, 위상 행렬, 플로이드 워셜 같이 알고있는데 좀.. 공감수 0 댓글수 0 2024. 7. 15.
[Back-end] 프로젝트 백엔드 DB추가, SELECT * (JSP, MySQL) 기존에 프로젝트에서 각종 금융 상품 정보를 불러오는 API가 없었고, 웹 버전을 제작하면서 필요하게 되어서 직접 짜봄... 일단 JSP를 거의 모르고 코드만 대충 읽어서 보수하는 수준이었기 때문에 새로 짜려면 여러가지 알아야 했다. 1. DB 추가 JSP에 ddl-auto가 되어 있지만 어떻게 쓰는지 모르기 때문에 직접 추가해 줌. CREATE TABLE walfi.product_info( 상품명 varchar(100) NOT NULL, 기본금리 float NOT NULL, 우대금리 float NOT NULL, 가입최대기간 INT NOT NULL);// PK 설정 안해줘서 ALTER TABLE walfi.product_info ADD constraint pk_product_infoproduct_.. 공감수 0 댓글수 0 2024. 7. 9.
[C++/백준] 17136 색종이 붙이기 https://www.acmicpc.net/problem/17136 [풀이 방법]백트래킹재귀를 사용해서 색종이가 있는 칸이면 5~1까지 색종이를 모두 붙이고 체크한 후 다음으로 넘어간다. #include#include#include#include#includeint dy[] = { -1,1,0,0 };int dx[] = { 0,0,-1,1 };int Board[10][10];int ans = 2e9;using namespace std;void input() { ios::sync_with_stdio(false); cin.tie(NULL); cout.tie(NULL); for (int i = 0;i > Board[i][j];}bool available(int _y, int _x, int w) { for (.. 공감수 0 댓글수 0 2024. 7. 7.
[C++/백준] 흙길 보수하기 https://www.acmicpc.net/problem/1911 [풀이 과정]1. 일단, 가능한 알고리즘이 없어서 그리디나 완탐.2. 완탐으로 한번 생각해보면, (while) 위치가 10억까지여서 안된다는 걸 알 수 있었다. 3. 그래서 입력이 좌표 순서대로 정렬 후 마지막 널빤지 위치만 체크해주고 다음 웅덩이에 닿는지만 확인해 줌4. 추가적인 조건은 코드 짜면서 바로바로 생각해 낼 수 있었음. #include#include#include#includeusing namespace std;int N, L;vector> v;void input() { int s, e; for (int i = 0; i > s >> e; v.push_back({ s,e }); }}int main() { ios::sync_w.. 공감수 0 댓글수 0 2024. 7. 7.
[Next vs React] CSR SSR SSG, Hydration Next.js를 사용하다보니 Hydrate 용어를 많이 접하게 되었고, Next.js의 주요 동작 과정 중 하나라는 말에 한 번 정리해보기로 했습니다. ++ React와 비교도 한 번 찾아보고, 추가로 찾아볼 내용도 찾아보기. HydrationServer Side 단에서 렌더링 된 정적 페이지와 번들링된 JS파일을 클라이언트에게 보낸 뒤, 클라이언트 단에서 HTML 코드와 React인 JS 코드를 서로 매칭 시키는 과정 React (CSR) 리액트는 CSR 방식을 사용하고 있기 때문에, 처음 브라우저가 빈 HTML 파일을 받아 화면에는 아무것도 나타나지 않다가, 사용자 기기에서 렌더링이 완료되면 한 번에 화면을 보여준다. CSR * React index.html 파일을 보면, html에 아무것도 .. 공감수 0 댓글수 0 2024. 6. 19.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.