gguyeokdo.tistory.com Open in urlscan Pro
27.0.236.143  Public Scan

Form analysis
0 forms found in the DOM

Text Content

본문 바로가기


꾸역꾸역 해내기

블로그 내 검색 검색
 * 관리
 * 글쓰기
 * 로그인
 * 로그아웃

메뉴
 * 홈
 * 태그
 * 방명록

 * [React]: router 화면 전환 시 스크롤 새로고침 router와 Link를 통해서 화면을 전환할 때 이전에 내린 스크롤이 그대로
   유지되는 문제점이 있었다. 이러한 문제점을 해결하기 위해 useLocation과 window.scrollTo를 사용해서 화면을 전환할
   때마다 스크롤이 초기화 되면서 맨 위의 화면을 나타나게 코드를 수정했다.  모든 routes는 App.js에서 구동되기 때문에 스크롤
   새로고침 코드도 App.js에 작성해야 한다.  import './App.css';import Main from
   './components/Main';import { BrowserRouter as Router, Routes, Route,
   useLocation} from 'react-router-dom';import ProjectPage from './componen..
   2024.07.09
 * xcode에서 실수로 파일 삭제 했을때 폰트 적용하는 법 찾아보고 따라 해보다가 파일을 잘못 삭제하는 엄청난 실수를....저질렀다. 무척
   당황했지만 다른분이 깃으로 복구하는 것을 보고 나도 복구를 해봤다. 일단 git status를 해서 삭제된 파일들을 확인한다. 나는 이미
   staged 상태 파일들이었기 때문에 staged area에서 복구를 하고 working directory에도 복구를 했다.   git
   restore --staged ios/mutmut/AppDelegate.h ios/mutmut/AppDelegate.mm
   ios/mutmut/Images.xcassets/AppIcon.appiconset/Contents.json
   ios/mutmut/Images.xcassets/Contents.json ios/mutmut/Info.plist.. 2024.07.09
 * RN: BottomTabNavigator 만들기 BottomTabNavigator를 사용하려면 패키치 몇개를 설치해야한다. npm
   install @react-navigation/bottom-tabs이것만 설치를 하면 앱을 실행했을 때 오류가 난다. npm install
   react-native-screensnpm install react-native-safe-area-context 위 두개도 같이
   설치해준다.+ ios는 추가로 ios 폴더로 들어가서 pod install 해주기 import React from
   'react';import {createBottomTabNavigator} from
   '@react-navigation/bottom-tabs'import Free from '../pages/Free';import Search
   from '../page.. 2024.07.07
 * [백준] 11005번: 진법 변화2 -JS 문제10진법 수 N이 주어진다. 이 수를 B진법으로 바꿔 출력하는 프로그램을
   작성하시오.10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다.A: 10,
   B: 11, ..., F: 15, ..., Y: 34, Z: 35입력첫째 줄에 N과 B가 주어진다. (2 ≤ B ≤ 36) N은 10억보다
   작거나 같은 자연수이다.출력첫째 줄에 10진법 수 N을 B진법으로 출력한다예제 입력60466175 36예제 출력ZZZZZ 진법에대한 이해가
   부족해서 더 어려웠던 문제.... 진법 변환은 다른 분들의 풀이를 참고했다. 이해하기 쉬웠던 방법은 입력받은 10진법 수를 B진법 수로
   계속해서 나눴을때 나온 각각의 나머지를 나열하는 것이다. let fs=requir.. 2024.07.07
 * 04. Study 화면 : 모달창 띄우기 study 화면에서는 1학기에 진행됐던 스터디 팀들을 텍스트로 나타내고, 해당 텍스트를 누르면
   모달창을 띄워 설명하는 기능을 만들고 싶었다.사실 이번에 모달창이라는 개념을 처음 알게됐다. (많이 쓰이는 것이지만 지금 처음
   알았다니....🫣)찾아보니 복잡하게 만든것들이 많았는데 처음이니까 간단하게 해보고싶었다. import React, { useEffect,
   useState } from 'react';import '../styles/studyPage.scss'import Key from
   '../assets/images/keyboard.PNG'import Java from
   '../contants/study45-1/Java';import Frontend from '../contants/study45-1/Fr..
   2024.07.05
 * 03. About 화면: 글자 회전 about 페이지에는 동아리 소개 글과 운영진 카드를 넣었다. 화면을 만들고 보니 너무 심심해서
   간단하게 애니메이션을 넣었다. 이렇게 있을 때 since, what 글자들만 360도 회전하고 싶었다.  h2{ font-weight:
   900; display: inline-block; animation: flip 8s infinite; } @keyframes flip{
   0%,100%{ transform: rotateY(0); } 50%{ transform: rotateY(360deg);
   }} keyframe을 rotateY로 360도 회전하게 했다. 그리고 h2가 회전 중심축을 기준으로 적절하게 위치와 크기를..
   2024.07.05
 * 02-1 main 화면: 사진 자동 슬라이드 main 화면에서 가장 시간을 많이 투자한 것이 사진 여러장을 자동으로 무한히 흘러가게 만드는
   것이었다.손으로 직접 슬라이드 하지 않고 일정 속도로 자동 슬라이드가 되게 하고싶었는데 쉽지 않았다. 나와 같은 것을 만든 사람들이 있지도
   않아서 혼자 힘으로 해보려고 했다. 찾아보니 화면에 한장 씩 보여주면서 무한히 슬라이드 하는 것은 setInterval()을 사용하는 것
   같았는데, 나는 사진이 ppt 슬라이드 처럼 뚝뚝 끊기면서 넘어가는게 아니라  모든 사진들이 물 흐르듯이 무한히 흘러가는 것을 원했기
   때문에 사용하지 않았다. import '../styles/photos.scss'import {Photo} from
   '../contants/SlidePhotos'import { useEffect, useSta.. 2024.07.05


 * 분류 전체보기
   * AWS🌐
   * Front-End🐣
     * JavaScript
     * TypeScript
     * React
     * jQuery
     * HTML & CSS
     * ReactNative
   * Algorithm🐙
     * BaekJoon
     * Programmers
   * Issue🚨
   * Project💻
     * M.C.C homepage
     * 멋멋
   * Git⛓️


태그

node IOS 홈페이지 다이얼 rotate 3003번 리액트 동아리 홈페이지 글자 회전 모달창 색종이 Node.js Stash github
JS 11005 Xcode JavaScript 2563 TypeScript 토이프로젝트 BAEKJOON Git 5622 대학 코딩 동아리
reactnative React 파일 복구 진법 변환 백준


전체 방문자

37

Today : 0

Yesterday : 1



--------------------------------------------------------------------------------


TOP

Designed by 티스토리

© Kakao Corp.


티스토리툴바






닫기


단축키


내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W


블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C


모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.