Ratio of Actual Transaction Price to Asking Price for Apartment Sales by Region(2019~2024)

 

index.html
0.02MB

저작자표시

'Web(HTML)' 카테고리의 다른 글

index.html(2025.02.26)  (0) 2025.02.26
naver_attach_info + apt_real_info data  (0) 2025.02.21
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15

 

index.html
0.03MB

 

저작자표시

'Web(HTML)' 카테고리의 다른 글

Ratio of Actual Transaction Price to Asking Price for Apartment Sales by Region(2019~2024)  (0) 2025.03.12
naver_attach_info + apt_real_info data  (0) 2025.02.21
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15

naver_attach_info + apt_real_info

let etheaders_han = [
"Query ",
"DescendingNumber",
"네이버고유아파트번호",
"아파트이름",
"지역번호",
"승인일",
"네이버주소",
"지번",
"부번",
"매매금액차이",
"매매금액비율(%)",
"평형",
"최대매매금액",
"최대매매년도",
"최대매매해당층",
"최대매매금액",
"최대매매년도",
"최대매매해당층",
"지역번호",
"네이버 최저매매호가",
"네이버 최대매매호가",
"네이버 최저전세호가",
"네이버 최대전세호가",
"네이버 최저매매호가",
"네이버 최대매매호가",
"네이버 최저전세호가",
"네이버 최대전세호가",
"국토교통부주소",
"RealEstateTypeCode",
"RealEstateTypeName",
"LotNumber",
"Building",
"Buyer",
"Seller",
"국토교통부실거래금액",
"준공년도",
"국토교통부도로명주소",
"CancellationReasonDate",
"부동산거래타입",
"DataClass",
"InfoMarketClass",
"TransactionTime",
"중개장소",
"매매계약신고일",
"HousingType"
];
let etheaders = [
"Query", 
"DescendingNumber",
"ComplexNo",
"ComplexName",
"CortarNo",
"UseApproveYmd",
"CortarAddress",
"MainNumber",
"SubNumber",
"CapitalGain",
"CapitalGain(%)",
"AreaSquareMeters",
"PurchasePrice",
"ContractYearMonth",
"Floor",
"PurchasePrice",
"ContractYearMonth",
"Floor",
"Region",
"MinPriceByLetter",
"MaxPriceByLetter",
"MinLeasePriceByLetter",
"MaxLeasePriceByLetter",
"MinPrice",
"MaxPrice",
"MinLeasePrice",
"MaxLeasePrice",
"CityCounty",
"RealEstateTypeCode",
"RealEstateTypeName",
"LotNumber",
"Building",
"Buyer",
"Seller",
"TransactionAmount",
"ConstructionYear",
"RoadName",
"CancellationReasonDate",
"TransactionType",
"DataClass",
"InfoMarketClass",
"TransactionTime",
"BrokerLocation",
"RegistrationDate",
"HousingType"
];

let esheaders_han = [
"Query ",
"DescendingNumber",
"네이버고유아파트번호",
"아파트이름",
"지역번호",
"승인일",
"네이버주소",
"지번",
"부번",
"매매금액차이",
"매매금액비율(%)",
"평형",
"최대매매금액",
"최대매매년도",
"최대매매해당층",
"최소매매금액",
"최소매매년도",
"최소매매해당층",
"지역번호",
"네이버 최저매매호가",
"네이버 최대매매호가",
"네이버 최저전세호가",
"네이버 최대전세호가",
"네이버 최저매매호가",
"네이버 최대매매호가",
"네이버 최저전세호가",
"네이버 최대전세호가",
"국토교통부주소",
"RealEstateTypeCode",
"RealEstateTypeName",
"LotNumber",
"Building",
"Buyer",
"Seller",
"국토교통부실거래금액",
"준공년도",
"국토교통부도로명주소",
"CancellationReasonDate",
"부동산거래타입",
"DataClass",
"InfoMarketClass",
"TransactionTime",
"중개장소",
"매매계약신고일",
"HousingType"
];
let esheaders = [
"Query", 
"DescendingNumber",
"ComplexNo",
"ComplexName",
"CortarNo",
"UseApproveYmd",
"CortarAddress",
"MainNumber",
"SubNumber",
"CapitalGain",
"CapitalGain(%)",
"AreaSquareMeters",
"MaxPurchasePrice",
"MaxContractYearMonth",
"MaxFloor",
"MinPurchasePrice",
"MinContractYearMonth",
"MinFloor",
"Region",
"MinPriceByLetter",
"MaxPriceByLetter",
"MinLeasePriceByLetter",
"MaxLeasePriceByLetter",
"MinPrice",
"MaxPrice",
"MinLeasePrice",
"MaxLeasePrice",
"CityCounty",
"RealEstateTypeCode",
"RealEstateTypeName",
"LotNumber",
"Building",
"Buyer",
"Seller",
"TransactionAmount",
"ConstructionYear",
"RoadName",
"CancellationReasonDate",
"TransactionType",
"DataClass",
"InfoMarketClass",
"TransactionTime",
"BrokerLocation",
"RegistrationDate",
"HousingType"
];

 

index.html
0.03MB

저작자표시

'Web(HTML)' 카테고리의 다른 글

Ratio of Actual Transaction Price to Asking Price for Apartment Sales by Region(2019~2024)  (0) 2025.03.12
index.html(2025.02.26)  (0) 2025.02.26
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15
const table = document.querySelector("table"); // 테이블 선택
const rows = table.querySelectorAll("tr"); // 모든 행 선택
const lightGreenColor = "#A8C6A3";  // 색상 값을 const 변수로 선언

rows.forEach((row) => {
const cells = row.querySelectorAll("td"); // 해당 행의 모든 <td> 가져오기
cells.forEach((col, index) => {
if (firstPartClass === "ES565" || firstPartClass === "ER565") {
if (index === 9) col.style.backgroundColor = lightGreenColor
} else if (firstPartClass === "EU565" || firstPartClass === "EV565") {
if (index === 10) col.style.backgroundColor = lightGreenColor
} else if (firstPartClass === "ET565" || firstPartClass === "ET564") {
if (index === 12) col.style.backgroundColor = lightGreenColor
}
});
});

 

색상HEX 코드설명

🍏 #28A745 col.style.backgroundColor = "#28A745"; 초록 + 연두빛
🍃 #40C463 col.style.backgroundColor = "#40C463"; 좀 더 밝고 싱그러운 초록
🌿 #6CD26F col.style.backgroundColor = "#6CD26F"; 연한 연두색
🌱 #A8E6A3 col.style.backgroundColor = "#A8E6A3"; 부드러운 연두색 (밝은 느낌)

 

index.html
0.03MB

저작자표시

'Web(HTML)' 카테고리의 다른 글

index.html(2025.02.26)  (0) 2025.02.26
naver_attach_info + apt_real_info data  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;  (0) 2025.02.14

index.html
0.02MB

 

저작자표시

'Web(HTML)' 카테고리의 다른 글

index.html(2025.02.26)  (0) 2025.02.26
naver_attach_info + apt_real_info data  (0) 2025.02.21
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;  (0) 2025.02.14

app.js(조회+ 실시간 Push )
index.html

위의 js를 두가지 케이스로 분리
1. 조회
2. 실시간 Push

server.js
0.00MB
api.js
0.00MB
index.html
0.02MB

 

Important Notes:

  • The two servers (server.js and api.js) communicate with the same Redis instance, so they should be run separately.
  • Both servers can be running simultaneously because they handle different aspects of the application: one for WebSocket communication and polling (real-time data push), and the other for HTTP-based API requests.

Potential Issues:

  • Redis Connection Timing: Ensure Redis is up and running before starting either server. If Redis is down or unreachable, both the WebSocket server and the Express API might fail to connect. To handle this, consider adding retries or proper error handling when trying to connect to Redis in both server.js and api.js.

1. Start Redis and WebSocket Server (server.js) First

  • Why: The WebSocket server is listening for connections, and it continuously polls Redis to fetch data. It needs to be up and running first so it can handle incoming WebSocket connections and start processing Redis data.
  • Action: Run node server.js first. This starts the WebSocket server and Redis polling.

2. Start the Express API Server (api.js) Second

  • Why: The Express API server handles HTTP requests, including setting the Redis public key, sending data to Redis, and fetching data from Redis. It needs to be running after the WebSocket server because it could be interacting with the Redis database that is already being accessed by the WebSocket server.
  • Action: After server.js is running, run node api.js. This starts the Express API server, which interacts with Redis.
저작자표시

'Web(HTML)' 카테고리의 다른 글

index.html(2025.02.26)  (0) 2025.02.26
naver_attach_info + apt_real_info data  (0) 2025.02.21
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;  (0) 2025.02.14

font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;

<style>
#loading {
display: none; /* 기본적으로 숨김 */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 40px; /* 2배로 증가 */
border-radius: 20px; /* 2배로 증가 */
    /*
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
font-family: 'Apple SD Gothic Neo', '돋움', Dotum, sans-serif;
font-family: 'Poppins', sans-serif;
    */
font-family: 'Nunito Sans', sans-serif;
/*
font-family: 'Montserrat', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Nunito Sans', sans-serif;
*/
font-size: 40px; /* 2배로 증가 */
}
    </style>

 

 

index.html
0.02MB

저작자표시

'Web(HTML)' 카테고리의 다른 글

index.html(2025.02.26)  (0) 2025.02.26
naver_attach_info + apt_real_info data  (0) 2025.02.21
해당 통계 column 에 색깔입히기  (0) 2025.02.21
Data NotFound,Comment,Element 추가  (0) 2025.02.17
Start Redis and WebSocket Server (server.js) First  (0) 2025.02.15

+ Recent posts

티스토리툴바