김자바 kimjava911

## step00.md

      
              5 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                kimjava911
                / step00.md
            
            
              Last active
              October 2, 2025 03:45
            
              
                251002_phase2
              
          
    <!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>여행 계획 생성기</title>
    <style>
      #planForm {
        display: flex;

  
## step01.md

      
              9 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                kimjava911
                / step01.md
            
            
              Last active
              October 1, 2025 08:57
            
              
                251001_phase1
              
          
    npm init -y # package.json
npm install express
npm install -D nodemon
# .gitignore
node_modules/


## step01.html
const express = require("express"); // npm install express
// tailwind, bootstrap -> 의존성. 설치.
const app = express(); // 객체
const port = 3000;

// Get -> Fetch, Get/Post
app.get("/", (req, res) => { // localhost:3000/ -> GET/접속 (브라우저를 통한 접속)
  //   res.send("Hello World!");
  res.send("Bye Earth!");
});

## step00.html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Groq API</title>
  </head>
  <body>
    <section>
      <label>API KEY : <input type="text" id="apiKey" /></label><br />

## step01.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Gemini API</title>
  </head>
  <body>
    <label>API KEY : <input type="text" id="apiKey" /></label>
    <button id="callBtn">호출</button>

## step01.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Poke</title>
  </head>
  <body>
    <script>
      // 1. API에서 데이터 호출하기

## step1.html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>메모 앱</title>
    <style>
      .memo {
        margin: 12px;
        border: 1px solid gray;

## README.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                kimjava911
                / README.md
            
            
              Created
              September 17, 2025 02:18
            
              
                GitHub Profile 예시
              
          
👋 안녕하세요! 주니어 백엔드 개발자 OOO입니다.


🚀 새로운 기술을 배우고 적용하는 것을 즐기며, 동료와 함께 성장하는 것을 중요하게 생각합니다.
💡 주어진 문제를 해결하기 위해 끊임없이 고민하고, 더 나은 코드를 만들기 위해 노력합니다.

  
## 01_bs.html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bootstrap</title>
    <!-- https://getbootstrap.com/ -->
    <!-- link, script -> 구현하는데 필요한 의존성을 연결 -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"

## step01.html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>안녕하세요 [김개발]입니다</title>
    <!-- favicon -->
    <!-- og tag -->
    <style>
      /* 폰트 */
	const express = require("express"); // npm install express
	// tailwind, bootstrap -> 의존성. 설치.
	const app = express(); // 객체
	const port = 3000;

	// Get -> Fetch, Get/Post
	app.get("/", (req, res) => { // localhost:3000/ -> GET/접속 (브라우저를 통한 접속)
	// res.send("Hello World!");
	res.send("Bye Earth!");
	});
	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Groq API</title>
	</head>
	<body>
	<section>
	<label>API KEY : <input type="text" id="apiKey" /></label><br />
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Gemini API</title>
	</head>
	<body>
	<label>API KEY : <input type="text" id="apiKey" /></label>
	<button id="callBtn">호출</button>