2024 TECHEER 아이디어 해커톤

학교에 아이디어 해커톤 포스터가 붙어있길래 졸작 팀원들이랑 같이 참여했다!사실 작년에도 있었는데 신청기간이 지나고 알아버려서 이번에 처음 참가한 해커톤이였다들어갈때 웰컴키트(?)와 옷을 나눠주시고 갈아 입고 오라고 한다웰컴키트에는 우리학교 마스코트인 귀여운 티노로 가득가득😻텀블러, 키링, 리유저블백, 스티커, 볼펜, 마우스 패드 .. 생각보다 뭐가 많아서 놀랐다옷 갈아입고 한 장 찍었당ㅎㅎ 나도 테커인이 된 듯한 기분현업에서 일하고 계시는 분들이 나와서 세션 강의 해주시는데 좋은 강의였다현재의 취업시장을 가장 잘 알고 계시는 분들이기 때문에 귀담아서 잘 들었다.. 마지막에 팀 배정을 받고 장소 이동해서 피자 먹으면서 아이스브레이킹 했당우리팀은 6명이였는데 백엔드 3, 디자이너 1, 아직 못정하신 분1,..

• format_list_bulleted 이것저것
• · 2024. 6. 2.
• textsms

[Programmers]우박수열 정적분/JS

문제링크https://school.programmers.co.kr/learn/courses/30/lessons/134239풀이방법temp에 k를 저장하고, k에 k가 짝수이면 k/2, 홀수이면 k*3+1을 해준 값을 저장한다.사다리꼴 넓이 공식을 이용해서 (밑변(=temp)+아랫변(k))/2를 해서 area에 저장해준다.이 과정을 k가 1이 될 때까지 반복한다.이제 위에서 구한 count 값과 area 배열을 가지고 계산을 해준다.주어진 ranges를 돌면서 범위를 구해준다. 예를 들어 [0,-1]이 주어진다면 0은 그대로 두고 count에서 -1을 해준 값으로 바꿔준다.3번에서 구한 범위를 가지고 area의 값들을 더해준 값을 answer에 저장해주면 끝!정답코드function solution(k, r..

• format_list_bulleted Programmers
• · 2024. 6. 2.
• textsms

BFS 문제

문제신종 바이러스인 웜 바이러스는 네트워크를 통해 전파된다. 한 컴퓨터가 웜 바이러스에 걸리면 그 컴퓨터와 네트워크 상에서 연결되어 있는 모든 컴퓨터는 웜 바이러스에 걸리게 된다.예를 들어 7대의 컴퓨터가 과 같이 네트워크 상에서 연결되어 있다고 하자. 1번 컴퓨터가 웜 바이러스에 걸리면 웜 바이러스는 2번과 5번 컴퓨터를 거쳐 3번과 6번 컴퓨터까지 전파되어 2, 3, 5, 6 네 대의 컴퓨터는 웜 바이러스에 걸리게 된다. 하지만 4번과 7번 컴퓨터는 1번 컴퓨터와 네트워크상에서 연결되어 있지 않기 때문에 영향을 받지 않는다.어느 날 1번 컴퓨터가 웜 바이러스에 걸렸다. 컴퓨터의 수와 네트워크 상에서 서로 연결되어 있는 정보가 주어질 때, 1번 컴퓨터를 통해 웜 바이러스에 걸리게 되는 컴퓨터의 수를 출..

• format_list_bulleted Algorithm
• · 2024. 5. 28.
• textsms

[React]useState 비동기(+동기처리 방법)

useState를 사용하면서 내가 의도한대로 값이 변경되지 않는 경우가 종종 있었다.state의 값이 변경되기 전에 값을 가져와서 사용했기 때문에 일어난 일이다. useState는 비동기로 동작한다.정확히 말하자면 useState의 setState가 비동기로 동작하는 것이다.import React, { useState } from "react";const App = () => { const [num, setNum] = useState(0); const increaseNum = () => { setNum(num + 1); setNum(num + 1); setNum(num + 1); console.log(num); }; return ( {num} +3 ..

• format_list_bulleted React
• · 2024. 5. 21.
• textsms

[React]react-rnd로 이미지 크기 조절 및 드래그

이미지의 크기를 조절하고 드래그하는 기능을 구현하기 위해서 react-rnd 라이브러리를 사용했다.https://www.npmjs.com/package/react-rnd react-rndA draggable and resizable React Component. Latest version: 10.4.10, last published: 23 days ago. Start using react-rnd in your project by running `npm i react-rnd`. There are 416 other projects in the npm registry using react-rnd.www.npmjs.com 구현해야 했던 기능으로는1. 이미지 드래그 (+ 드래그 바운더리 지정)2. 이미지 크기 조..

• format_list_bulleted React
• · 2024. 5. 15.
• textsms

JWT Token(+로그인)

졸업작품을 하면서 로그인을 자체 로그인으로 구현했었는데 최근에 JWT Token을 사용하기로 했다.처음 사용해보는거라 개념부터 정리해보려 한다.⭐️ JWT Token?JSON Web Token의 약자로 Json 객체에 인증에 필요한 정보를 담은 후 비밀키로 서명한 토큰이다.=> 인증에 필요한 정보들을 암호화시켜서 Token에 담아 사용하는 것이다. 구성은 header, payload, signauture로 되어 있고, 점을 통해 구분된다.- header토큰 타입이나, 서명에 어떤 알고리즘이 사용되어 있는지 등을 저장한다.{ "alg": "HS256", "typ": "JWT"}alg는 어떤 알고리즘을 사용했는지, typ는 타입의 값을 나타낸다. - payload토큰에서 사용할 정보의 조각들인 clai..

• format_list_bulleted WEB
• · 2024. 5. 7.
• textsms