본문 바로가기

분류 전체보기22

02. main 화면: footer 고정 main 화면에는 어느 화면이던지 고정되어 있는 header(navbar), footer와 동아리 소개 내용(intro, about, study, photo, 을 담고있는 부분이 필요했다. 다른 부분은 무난히 코드를 쓸 수 있었지만 footer를 화면 맨 하단에 고정시키는 것과 동아리 소개 내용의 photo 부분에서 어려움이 있었다. 이번 글에서는 내가 어떻게 footer를 화면 맨 밑에 고정시킬 수 있었는지 설명할 것이다.  import './App.css';import Main from './components/Main';import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';import Nav from './navigati.. 2024. 7. 2.
git: stash stash: 감추다, 숨기다git에서 stash는 working directory의 변경사항을 감춘다.-> 현재 작업하던 내용을 어딘가에 숨겨놓는다. Why use it?- 변경 사항 일시 저장- 다른 branch로 checkout할 때 현재 branch의 변경사항을 유지하고싶을 때예를 들어 현재 작업을 하고 있는 브랜치가 아닌 다른 브랜치에 수정해야 할 것이 있는데, 현재 브랜치의 변경사항은 아직 커밋하고 싶지 않을 때! 사용하면 좋다. 현재 브랜치에서 커밋을 하지 않으면 checkout이 안되기 때문에 stash하고 다른 브랜치로 checkout 🚪 명령어 git stash [save] : stash 한다.git list: stash 목록을 보기git stash apply [stash 이름]: st.. 2024. 7. 2.
[백준] 1157번: 단어 공부 -JS 문제알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다.입력첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다.출력첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많이 사용된 알파벳이 여러 개 존재하는 경우에는 ?를 출력한다.예제 입력 1Mississipi예제 출력1?예제 입력 2zZa예제 출력 2Z 이 문제는 문제만 읽고 생각했을때는 쉬울거 같았는데 막상 해보니 머리가 아팠다...머리를 부여잡고 제일 먼저 생각한 것은 알파벳 배열을 만드는 것이다. 입력받은 단어의 알파벳들을 비교할 A-Z까지 알파벳 배열이 .. 2024. 7. 1.
[백준] 3003번: 킹, 퀸, 룩, 비숍, 나이트, 폰 -JS 문제동혁이는 오래된 창고를 뒤지다가 낡은 체스판과 피스를 발견했다.체스판의 먼지를 털어내고 걸레로 닦으니 그럭저럭 쓸만한 체스판이 되었다. 하지만, 검정색 피스는 모두 있었으나, 흰색 피스는 개수가 올바르지 않았다.체스는 총 16개의 피스를 사용하며, 킹 1개, 퀸 1개, 룩 2개, 비숍 2개, 나이트 2개, 폰 8개로 구성되어 있다.동혁이가 발견한 흰색 피스의 개수가 주어졌을 때, 몇 개를 더하거나 빼야 올바른 세트가 되는지 구하는 프로그램을 작성하시오.입력 첫째 줄에 동혁이가 찾은 흰색 킹, 퀸, 룩, 비숍, 나이트, 폰의 개수가 주어진다. 이 값은 0보다 크거나 같고 10보다 작거나 같은 정수이다.출력첫째 줄에 입력에서 주어진 순서대로 몇 개의 피스를 더하거나 빼야 되는지를 출력한다. 만약 수가 양.. 2024. 6. 25.

티스토리툴바