타코딩

문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. 입력 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다. 출력 첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많이 사용된 알파벳이 여러 개 존재하는 경우에는 ?를 출력한다. 예제 입력 1 Mississipi 예제 출력 1 ? 예제 입력 2 zZa 예제 출력 2 Z 예제 입력 3 z 예제 출력 3 Z 예제 입력 4 baaa 예제 출력 4 A const fs = require("fs"); let input = fs.readFileSync("./예제.t..

import { AnimatePresence, motion } from "framer-motion"; import React, { useRef, useState } from "react"; import styled from "styled-components"; const Wrapper = styled.div` position: relative; `; const Row = styled(motion.div)` display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; position: absolute; width: 100%; `; const rowVars = { //window.innerWidth를 사용 이게 픽셀로 주는것보다 더 좋을듯 start: ..

const fs = require("fs"); let input = fs.readFileSync("./예제.txt").toString().trim(); let q = Number(input); //문제수 5 /* 2. 1부터 q-1까지 공백과 별 찍기 */ // 공백 4321 별표 1357 1234 //하나씩 늘고주는건 고정값과 반복문 //n개씩 바뀌는건 반복문과 반복문 for (let i = 1; i < q; i++) { let blank = " ".repeat(q - i); let stars = "*".repeat(i + (i - 1)); console.log(blank + stars); } /* 3. N부터 1까지 공백과 별 찍기 */ //별표 9 7 5 3 1 공백 0 1 2 3 4 54321 f..

const Box = styled(motion.div)` width: 200px; height: 200px; background-color: rgba(255,255,255,0.2); border-radius: 15px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.06); display: grid; grid-template-columns: repeat(2,1fr); `; const Circle = styled(motion.div)` box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.06); background: white; height: 70px; w..

//framer-motion.d.ts import * as React from "react"; declare module "framer-motion" { export interface AnimatePresenceProps { children?: React.ReactNode; } } src 폴더에 해당파일만들어서 복붙

const Product = () => { const { pid } = useParams(); const { isPending, error, data } = useQuery({ queryKey: ["items"], queryFn: () => axios.get("http://127.0.0.1:8080/").then((res) => res.data), }); const [product, setProducts] = useRecoilState(productsState); const [cart, setCart] = useRecoilState(cartState); const detailData = product && product.find((v) => v.pid == pid); const [size, setSize..

import styled from "styled-components"; import { motion } from "framer-motion"; import { useState } from "react"; const Wrapper = styled(motion.div)` height: 100vh; width: 100vw; display: flex; justify-content: space-around; align-items: center; `; const Box = styled(motion.div)` width: 400px; height: 400px; background-color: #c14949; border-radius: 40px; display: flex; justify-content: center; ..

const Svg = styled.svg` width: 300px; color: white; height: 300px; path{ stroke: white; stroke-width: 1; } ` function App() { const svgVars = { start:{pathLength:0.1,fill:"rgba(255,255,255,0)"}, end:{pathLength:1,fill:"#ad1d1d"} } return (

npm install framer-motion import React, { useEffect, useRef } from 'react'; import './App.css'; import styled,{createGlobalStyle} from 'styled-components'; import { motion, useMotionValue, useTransform, useViewportScroll } from 'framer-motion'; function App() { const x = useMotionValue(0) const {scrollY,scrollYProgress} = useViewportScroll() useEffect(()=>{ scrollY.onChange(()=>console.log(scrol..

서버 part npm i jsonwebtoken npm i bycryptjs //repository import { db } from "../db/database.js"; export async function getLogin(id){ return db .execute(`SELECT count(pass) as cnt,any_value(pass) as pass FROM shoppy_member WHERE id = ?`,[id]) .then((row)=>{ return row[0][0] }) } id에 따른 비밀번호 값과 count(pass)값을 따온다 count(pass)는 행의 수 이므로 1이면 아이디가 있고 0이면 아이디가 없다고 분류할 예정임 //controller import * as loginRe..