[Tistory] 뉴월드마트 [할인행사]맥주 골라담기 할인행사! 도민 물가안정은 뉴월드에서부터!​

✔골라담기 1탄500ml 캔맥주 4캔 9,800원!행사상품 : 아사히캔/삿포로 프리미엄/스텔라/제주위트에일/제주펠롱에일호가든/버드와이저✔골라담기 2탄500ml 캔맥주 5캔 9,980원!행사상품 : 밀러 제뉴인 드래프트/1866 블론드/하이네켄 라거*지나친 음주는 뇌졸중, 기억력 손상이나 치매를 유발합니다. 임신 중 음주는 기형아 출생 위험을 높입니다.*만 19세 미만 미성년자는 주류를 구입할 수 없습니다.※ 일부 상품은 조기에 품절될 수 있습니다.※본 행사는 매장 별로 상이 할 수 있습니다.※매장 내 고지물을 반드시 확인하세요.※광고 상품은 산지 또는 제조사 사정에 의해 가격이 변경 될 수 있습니다.※일부 상품 및 이미지는 연출 된 이미지입니다. https://www.martjob.co.kr/eventv..

[Tistory] 11. 브라우저 , 렌더링 , DOM

브라우저란? 웹 브라우저는 인터넷을 통해 웹 페이지를 검색하고 표시하는 소프트웨어입니다.사용자가 입력한 URL을 기반으로 웹 서버로부터 데이터를 요청하고, 이를 화면에 렌더링하여 사용자가 볼 수 있도록 합니다. ex) 모질라 파이어폭스, 구글 크롬, 인터넷 익스플로러/마이크로소프트 엣지, 오페라, 삼성 인터넷, 사파리, 브레이브  사용자 인터페이스대부분의 웹 브라우저는 주소 표시줄(주소창)과 검색 상자(검색 엔진 사용 시), 뒤로/앞으로 이동하는 버튼, 새로 고침 버튼, 북마크 기능 등의 사용자 인터페이스 요소를 제공합니다.   보안 기능많은 웹 브라우저들은 사용자 개인 정보 보호를 위한 다양한 보안 기능을 제공합니다. 이는 HTTPS 프로토콜 지원, 쿠키 관리, 팝업 차단, 위조 사이트 경고 등을 포함..

[Tistory] [가계부/maven 4.0 + spring 3.2 + EclipseLink 2.5 + Postgres 9.3 + Tomcat 8.0 + Java]

http://gnujava.com/board/article_view.jsp?article_no=7327&menu_cd=58&idx_notice=NOTICE_FLAG+DESC%2C&board_no=37 GNUJAVA 가계부의 완성된 소스입니다. 이 프로젝트는 프로젝트 항목에서 포스팅 중인 소스였으나 개인 사정으로 중간에 중단이 되었네요… 그래서 일단 프로젝트를 완성을 하고 조금씩 시간이 있을gnujava.comhttps://m.blog.naver.com/blueday9404/221069451852 (POSTGRESQL to Oracle 관련자료) [POSTGRES] DATA MIGRATION TO ORACLE[ POSTGRES TO ORACLE MIG ] 목적 : 운영중인 POSTGRES 데이터베이스를..

[Tistory] Jenkins로 CI/CD 구축하기 – (1) EC2 docker에 Jenkis 설치 및 SWAP 메모리 할당

Dockerfile을 만들었지만 아무 것도 안 써줌 Jenkins에 접속해서 Docker를 누르고 Docker Pull Command를 복사해서 터미널에 입력한다 !https://www.jenkins.io/download/ Download and deployJenkins – an open source automation server which enables developers around the world to reliably build, test, and deploy their softwarewww.jenkins.io 젠킨스 컨테이너 설치$ sudo docker run -d –name jenkins -p 9090:9090 jenkins/jenkins:jdk11-d : 컨테이너를 데몬으로 띄운다.–n..

[Tistory] [AWS] 백엔드 서버 작업사항

요약 AWS EC2 구성 고정 IP 구성 ( 탄력적 IP) SSH 접속 할 수 있도록 구성 Docker 컨테이너를 이용하여 Mysql 및 redis 구성 수동 배포 가능하도록 구성 추후 어느정도 프로젝트 완성되면 자동배포 구현 예정 추후 어느정도 프로젝트 완성되면 로드밸런싱 적용 예정 기타 AWS ec2 인스턴스 2개로 분리 ( DB용 인스턴스(t3.micro) + 실행용 인스턴스(+Redis)(t3.medium) AWS S3 버킷으로 프론트 코드 정적 배포 백앤드 처리 절차 Local 에서 테스트 (서버는 처음부터 EC2 에 만들어 놓은 Mysql 이용) 서버 테스트 환경이 필요하면 JAR 빌드 후 git 업로드 후 서버에서 실행하여 테스트 AWS EC2 스펙 DB 전용 인스턴스: t3.micro 실행..

[Tistory] 센스있는 비동기 useState

업무를 진행하던와중 useState를 사용하여 값을 변경하자마자 그 값으로 API요청을 보내야했던 상황이 있었다.그러나, “useState는 비동기적인 동작으로 리랜더링이 되어야 처리를 요청한 값이 반영이 된다.”라는 개념은 알고 있었기에 왜안되는지 까지는 파악하여 진행을하…는도중 끊임 없이 머리속에서 물음표가 떠다녔다.(마치된것 같아 송민호) 그래..안되는거 알겠어…근데왜? useState는 어떻게 동작이되길래 안되는건데 그리고 왜바로 반영이안되는건데 왜 아무튼 이러한 개인적인 궁금증을 풀기위한 글이므로틀린 지식은 언제든 지적웰컴입니다. 퀴즈🚨해당 글을 읽기전 하단의 코드가 어떻게 동작될까?실제로 기술면접에 들어갔을때도 질문으로 받았던 내용입니다.import { useState } from “..

[Tistory] Context API 리렌더링 되는 경우 알아보기

👍 참고1. https://solo5star.dev/posts/42/2. https://velog.io/@velopert/react-context-tutorial#%EA%B0%92%EA%B3%BC-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%ED%95%A8%EC%88%98%EB%A5%BC-%EB%91%90%EA%B0%9C%EC%9D%98-context%EB%A1%9C-%EB%B6%84%EB%A6%AC%ED%95%98%EA%B8%B03. https://velog.io/@dahyeon405/Context-API%EC%9D%98-%EB%A6%AC%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%8C%80%ED%95%9C-%EC%98%A4%ED%95%B4 👀 Provider 내..

[Tistory] CSR과 SSR

✔️ CSR(클라이언트 사이드 렌더링)과 SSR(서버사이드 렌더링)을 비교해서 살펴보자 CSR한 문장으로 정리를 해 보면 브라우저에서 컨텐츠를 그리는 동작을 직접 하는 것을 의미한다처음에 클라이언트가 서버로부터 리소스를 받아올 때 HTML 파일을 받아오는데 그때 빈 HTML 파일만 받아오게 된다. 그러면 사용자 입장에서는 화면에서 그 HTML 파일이 보여지더라도 아무것도 이제 볼 수가 없는 흰 화면만 나타나게 된다. 그 빈 뼈대를 가지고 그 다음에 브라우저가 자바스크립트 파일을 다운로드를 받는다. 그렇게 됐을 때 자바스크립트 안에서 이 HTML 안에 컨텐츠들을 그려주는 로직들이 포함이 되게 되어 있다. 그래서 그렇게 자바스크립트가 실행이 되면서 컨테츠가 만들어지고 렌더링이 되어지면서 보여지는 컨텐츠가 나..

[Tistory] ~ 7/29 한이음 프로젝트 공모전 sprint 2🔥

이번 스프린트 기간동안 개발한 나의 작업카카오, 구글 로그인 ( 구글은 보완 필요 )로그아웃, 회원 탈퇴일기 상세 페이지 API즐겨찾기, 화가 , 감정 API카프카 배포소나큐브를 통한 코드품질 확인카카오 , 구글 로그인 With Spring SecuritySpring Security 를 적용하기 위해 Spring Security in Action 책을 읽고 개발을 하였다!하지만 해당 책은 Spring Security 5.x.x 버전으로 현재 내가 개발하고 있는 springboot 3.x.x 버전에는 알맞지 않았다.스프링 시큐리티의 기본적인 로직은 다음과 같다.인증 필터를 거치고 인증 관리자를 거친후 , authenticatino provider에게 사용자 세부 정보와 암호 인코더를 받아서 인증을 한 이후..

[Tistory] [개발지식] 라이브러리 vs 프레임워크

📌 라이브러리단순 활용가능한 도구들의 집합개발자가 필요에 따라 라이브러리를 선택하여 사용할 수 있다.예시TensorFlow: 머신러닝과 딥러닝을 위한 Python 라이브러리Pandas: 데이터 분석과 조작을 위한 Python 라이브러리Numpy: 수치 계산을 위한 Python 라이브러리jQeury: HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션, Ajax를 쉽게 처리할 수 있게 하는 Javascript 라이브러리Lodash: JavaScript 유틸리티 라이브러리로서 배열, 객체, 문자열 등 다양한 작업을 편리하게 처리할 수 있게 한다.  📌 프레임워크프레임워크는 코드를 프레임에 맞춰서 개발한다.ex) vue에서는 파일을 만들 때 .vue 라는 형태에 맞춰 사용한다.프레임워크는 프레임을 따라..