전체 글
-
[Xcode] launchscreen imageview device not showing(이미지뷰 안뜸)우당탕탕 회사 개발일지 2024. 7. 16. 09:07
📌 우당탕탕 회사 개발일지 launch screen ios에서 런치스크린 디자인이 맘에들지 않아 바꿔야 하는 이슈가 있었고디자인을 받아 바꾸고 시뮬에서는 잘돌아갔다 혹시 몰라 패드 디바이스로 연결해서 확인해보니런치스크린안에 넣어든 이미지뷰가 나오지 않았다.뭐지 싶어 구글링 5시간 했다;;;;파일경로 문제인지알고 이리저리 바꿔도 소용이 없었다.허나 이미지 경로는 꼭 제대로 들어가있어야하는건 맞으니 구글링해서 이미지경로를 제대로 넣어주길 바란다.무튼 그래서 해결 방법은 두구두구둑두굳구 https://stackoverflow.com/questions/36669325/launch-screen-storyboard-not-displaying-image Launch Screen storyboard no..
-
[Git] revert우당탕탕 회사 개발일지/2024 2024. 6. 24. 16:28
📌 우당탕탕 회사 개발일지 revert 회사에서 git을 사용하던 중 이미지 파일이 하나 잘못 올라가서 push한 이전 커밋을 취소해야 하는상황이 발생했다. 평소였으면 나 혼자하는 프로젝트 경우에나, 팀플젝 같은 경우라면 reset을 사용했겠지만갑자기 사용하려고하니 history가 꼬일 수도 있겠다는 불안감이 엄습해왔다.그래서 좀 더 알아보고 커밋을 취소해보자라고 생각하고 구글링을 했다. 우선 reset 과 revert의 차이를 알아보자. reset : 이전 커밋을 취소(head를 되돌린다)revert : 취소된 이전 커밋을 가지고 다시 커밋한다 둘 다 같이 이전 커밋이 취소되는 것이 맞지만, reset은 강제로 커밋이 취소되는 반면에revert는 취소된 커밋을 다시 내가 push하는것이기 때문에 ..
-
[react-native] debounce우당탕탕 회사 개발일지/2024 2024. 6. 20. 15:00
📌 우당탕탕 회사 개발일지 debounce 사용자가 프로필 아이콘을 광클을 하면 계속해서 클릭이 돼 렌더링이 되기 때문에아무리 광클을 해도 한번만 클릭되게 되도록 만들어야하는 이슈가 있었다..!물론 mouseStop으로 상태로도 업데이트가 가능하겠지만 react 에서 제공하는 debounce라는 라이브러리를사용해보기로 했다! debounce란? debounce는 반복적인 특정 동작을 반복되는 과정에서 강제적으로 대기하는 것 lodash에서 제공하는 라이브러리를 사용하면 손쉽게 만들 수 있다. ...// debouceimport {debounce} from 'lodash';... // profilepage로 가는 함수 const handleProfileNav = () => { if (di..
-
[React] Footer UI 제작카테고리 없음 2023. 7. 18. 14:37
📌 footer UI styled component로 Footer 만들기 Footer.ts import React from 'react'; import styled from 'styled-components'; import { Link } from 'react-router-dom'; const FooterContainer = styled.footer` background-color: var(--white-deepdark); width: 100%; height: 180px; bottom: 0; padding: 20px; display: flex; align-items: center; justify-content: center; @media ${props => props.theme.breakpoints.mo..
-
[learn-typescript] interface 코딩 작성codeStates front-end/Typescript 2023. 7. 5. 18:15
📌 interface 코딩 작성 interface User { age: number; name: string; } // 변수에 활용한 인터페이스 var seho: User = { age: 33, name: 'seho' } // 함수에 인터페이스 활용 function getUser(user: User) { console.log(user); } // User에 정의된 변수와 타입을 맞춰야 한다! const capt = { name: 'capt', age: 11 } getUser(capt); // 함수의 스펙에 인터페이스를 활용 interface SumFuction { (a: number, b: number): number; } let sum: SumFuction; sum = function(a: number..
-
[learn-typescript] 할 일 관리 앱 JS -> TS 변환codeStates front-end/Typescript 2023. 7. 4. 16:33
📌 할 일 관리 앱 JS -> TS 변환 JavaScript let todoItems; // api function fetchTodoItems() { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트', done: false }, ]; return todos; } // crud methods function fetchTodos() { const todos = fetchTodoItems(); return todos; } function addTodo(todo) { todoItems.push(todo); } function deleteTodo(index) { ..
-
[learn-typescript] typescript의 장점codeStates front-end/Typescript 2023. 7. 3. 16:53
📌 typescript를 써야하는 장점 📍장점 1. 에러의 사전 방지 타입을 명명하여 에러를 사전의 방지한다. app.js function sum(a, b) { return a + b; } app.ts function sum(a: number, b: number) { return a + b; } 👩⚖️ js의 경우, 타입이 number이 외의 타입이 들어오면 client 브라우저에서 에러 확인이 가능했으나 ts의 경우, 타입이 number 이 외의 타입이 들어오면 코드에서 에러가 나기 때문에 에러를 사전의 방지할 수 있습니다. 자바스크립트를 타입스크립트처럼 사용하는 방법 타입을 활용하여 사전의 값이 들어올 타입에 대해 미리 알 수 있다. // api url var url = 'https://jsonpl..
-
[learn-typescript] live server 이용해서 user 정보 가져오기codeStates front-end/Typescript 2023. 6. 28. 18:09
📌 live server 이용해서 user 정보 가져오기 app.ts // api url var url = 'https://jsonplaceholder.typicode.com/users/'; // dom var username = document.querySelector('#username'); var email = document.querySelector('#email'); var address = document.querySelector('#address'); // user data var user = {}; function startApp() { axios .get(url) .then(function (response) { console.log(response); user = response.dat..