본문 바로가기
영어 한 줄 일기

영어 일기 One of my favorite places in town 471-480 is a cafe called Moon.

by 뒹굴신 2024. 9. 5.
반응형

재미로 읽는 정오의 뒹굴신 일기📓

One of my favorite places
in town is a cafe called Moon.
I sometimes come here to relax
with a coffee and cheesecake,
escaping from the stress of daily life.
반응형
The warm greeting from the owner and
the irresistible flavors are worth a visit!
 
내 일상을 영어로 옮겨보면 어떨까요?
간단하고 짧은 문장도 좋고
위 문장 중에 비슷하게 표현할 수 있는 문장이 있다면
따라 적어도 좋아요.
 
아무 말 환영, 영어가 아니어도 환영💛
>> 동네에서 제일 좋아하는 곳 중 하나는 Moon이라는 카페예요🌙
가끔 쉬러 가서 커피랑 치즈케이크를 먹으며 일상을 탈출합니다☕️🍰
사장님의 따뜻한 인사와 저항할 수 없는
이 중독적인 맛이 이곳을 방문할 충분한 이유가 돼요😊

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>플래시 카드</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            min-height: 100vh;
            background-color: #f8f9fa;
            position: relative;
            z-index: 1;
        }

        .card {
            width: 90%;
            max-width: 400px;
            height: 300px;
            perspective: 1000px;
            position: relative;
            margin: 10px;
            z-index: 2;
        }

        .card__face {
            width: 100%;
            height: 100%;
            position: absolute;
            backface-visibility: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 1.4em;
            text-align: center;
            border: 1px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.6s;
            background-color: #ffffff;
            padding: 20px;
            box-sizing: border-box;
        }

        .card__face--front {
            background-color: #e6c27b;
        }

        .card__face--back {
            background-color: #c4d8d2;
            transform: rotateY(180deg);
        }

        .card.is-flipped .card__face--front {
            transform: rotateY(180deg);
        }

        .card.is-flipped .card__face--back {
            transform: rotateY(0deg);
        }

        .speaker-icon {
            margin-top: 20px;
            cursor: pointer;
            font-size: 1.4em;
        }

        .logo {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
        }

        .card-number {
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.98em;
        }

        .text-line {
            display: block;
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <div class="container" id="card-container">
        <!-- 카드가 여기에 동적으로 추가됩니다 -->
    </div>

    <script>
        const cardData = [
            {
                number: 471,
                frontText: "속 태우지 마.",
                backText: "Don't sweat it.",
                audioSrc: "https://blog.kakaocdn.net/dn/KuBrT/btsJtd8h2y3/fvZ7ckPEez8IYQJSQPOHY0/tfile.mp4"
            },
            {
                number: 472,
                frontText: "다음엔 더<br>잘할 거야.",
                backText: "You'll do better next time.",
                audioSrc: "https://blog.kakaocdn.net/dn/pER3e/btsJsO8XCJE/Q1h5iPj4j6RZZ7kOCYFro0/tfile.mp4"
            },
            {
                number: 473,
                frontText: "그거 오타야.",
                backText: "That's a typo.",
                audioSrc: "https://blog.kakaocdn.net/dn/baTLsl/btsJrZXC04N/UezV5QSaBoSWOZf74KOhR0/tfile.mp4"
            },
            {
                number: 474,
                frontText: "그건<br>타협할 수 없어.",
                backText: "It's non-negotiable.",
                audioSrc: "https://blog.kakaocdn.net/dn/lBcnZ/btsJqSSMqaR/8vhOz3oVH2DsWpJn6FxtaK/tfile.mp4"
            },
            {
                number: 475,
                frontText: "시간을 갖고<br>기다려봐.",
                backText: "Give it time.",
                audioSrc: "https://blog.kakaocdn.net/dn/cBo6Uf/btsJrl79WF2/7A3bHyOfiKQ82eHFyxHiyK/tfile.mp4"
            },
            {
                number: 476,
                frontText: "지금 시간<br>곤란해?",
                backText: "Is this a bad time?",
                audioSrc: "https://blog.kakaocdn.net/dn/banyO0/btsJsQTd58M/7ssmznqVtmLQxSUskwNal0/tfile.mp4"
            },
            {
                number: 477,
                frontText: "그때그때 달라.",
                backText: "It depends.",
                audioSrc: "https://blog.kakaocdn.net/dn/dt2fIo/btsJsmdP7C0/ufVqkkxETmqwn33G9ILUjK/tfile.mp4"
            },
            {
                number: 478,
                frontText: "얼마든지요.",
                backText: "Be my guest.",
                audioSrc: "https://blog.kakaocdn.net/dn/bpGgKF/btsJrPHzpAW/LkwrF8NJRMzDlKhy52XOEK/tfile.mp4"
            },
            {
                number: 479,
                frontText: "본네트 좀<br>열어봐.",
                backText: "Pop the hood.",
                audioSrc: "https://blog.kakaocdn.net/dn/bAD8b5/btsJrsF7Eb3/5dKUBPTsJayZO9WaIerWRk/tfile.mp4"
            },
            {
                number: 480,
                frontText: "다 컸네.<br>(어른이 다 됐네.)",
                backText: "You're all grown up.",
                audioSrc: "https://blog.kakaocdn.net/dn/bAwxWG/btsJrAjOcNg/FmFxIDPV6pTtSaUV8kuRa1/tfile.mp4"
            }
        ];

        const container = document.getElementById('card-container');

        cardData.forEach((data, index) => {
            const card = document.createElement('div');
            card.className = 'card';
            card.id = `card${index + 1}`;

            card.innerHTML = `
                <div class="card__face card__face--front">
                    <div class="card-number">${data.number}</div>
                    ${data.frontText.split('<br>').map(line => `<span class="text-line">${line}</span>`).join('')}
                    <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqWKHV%2FbtsIxkWWSCQ%2FH5ebr5KfDdnjvtA7y43if0%2Fimg.png" class="logo" alt="로고">
                </div>
                <div class="card__face card__face--back">
                    <div class="card-number">${data.number}</div>
                    ${data.backText}
                    <div class="speaker-icon speaker-icon${index + 1}">🎧</div>
                    <audio id="audio${index + 1}" src="${data.audioSrc}"></audio>
                    <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqWKHV%2FbtsIxkWWSCQ%2FH5ebr5KfDdnjvtA7y43if0%2Fimg.png" class="logo" alt="로고">
                </div>
            `;

            container.appendChild(card);
        });

        function setupCard(cardId, audioId, speakerIconClass) {
            document.querySelector(cardId).addEventListener('click', function() {
                this.classList.toggle('is-flipped');
            });

            document.querySelector(speakerIconClass).addEventListener('click', function(event) {
                event.stopPropagation();
                var audio = document.querySelector(audioId);
                audio.play();
            });
        }

        cardData.forEach((_, index) => {
            setupCard(`#card${index + 1}`, `#audio${index + 1}`, `.speaker-icon${index + 1}`);
        });
    </script>
</body>
</html>

영어 카드 뒤집기 뒹굴신 천문장 461-470

 

영어 카드 뒤집기 뒹굴신 천문장 461-470

 

dingulsin.tistory.com

 

 

 

https://www.youtube.com/@6am

 

영어맛 by 뒹굴신

매일 오전 6시 미드, 영화를 활용하여 쉐도잉, 딕테이션, 구간반복 영어 공부 자료를 업로드합니다. 블로그 https://dingulsin.tistory.com/ (구)뒹굴신 같은 운영자

www.youtube.com

 

 

🎧 영어 왕초보 기초 문법 강의 10강

https://www.youtube.com/playlist?list=PLaCVhPj5LHe6jILV8bE_C2LvqgFR7NbmS

 

영어 왕초보 기초 회화 강의

 

www.youtube.com

 

🎧 1000문장 1탄(빈칸채우기)

https://youtu.be/jtU9r8FQGd4

 

 

🎧 1000문장 2탄(설명, 한글발음 有)

https://youtu.be/KJC8CzYdYIQ

 

 

🔥뒹굴신 매운맛 영어회화 중급자용 재생목록

https://www.youtube.com/playlist?list=PLaCVhPj5LHe4QVKdVfhrKVhnryvRFCotk

 

뒹굴신 매운맛🔥 영어회화 중급자용

긴 문장, 자주쓰이는 표현 말하기 트레이닝

www.youtube.com

 

 

반응형

댓글