티스토리

경완

검색하기

블로그 홈

경완

successfu1.tistory.com/m

문과 감성 개발자

구독자: 2

방명록 방문하기

주요 글 목록

[xcode] std::char_traits<unsigned char> string_view:300:42 Implicit instantiation of undefined template 'std::char_traits' 위와 같은 오류가 나오셨다면, (1) xcode를 16.3으로 다운그레이드 (2) RN 0.76 이상의 버전으로 업데이트 (추천) https://github.com/facebook/react-native/issues/50411 공감수 0 댓글수 0 2025. 4. 15.
[업무 정리] 4.10 로그인 인터랙션 추가 0. 안쓰는 파일들 제거 4.71. 대댓글 오류 수정 4.72. 강의실 현황 기능 추가 ( 현재 시간 시각화 )3. 강의실 현황 리팩토링 -> 민T 피드백 적용4. 강의실 현황 민T 피드백 이론 공부 -> 블로그 정리5. 로그인 버튼 인터랙션 추가 ( 글씨 깨지는 현상 해결)6. 커뮤니티 뷰 디자인 7. 리디자인 팀 컨펌 -> 리퍼블리싱 ( + 카드 뷰 컴포넌트 제작 )8. 상시 모집 페이지 디자인9. 상시 모집 페이지 팀 컨펌 -> 제작 2-1. 글씨 깨지는 현상 해결- 로그인 버튼 안내문 "@inu.ac.kr 계정만 사용할 수 있습니다" 가 레이아웃 밖에 생성되는 현상 -> text가 svg위에 올라가는데, svg보다 빠르게 랜더링될 경우 갈 곳을 잃는 것..! (수정 완료) 2-2. 로그인 버튼.. 공감수 1 댓글수 0 2025. 4. 10.
[업무 정리] 4.9 강의실 현황 접근성 개선 업무 목록 0. 안쓰는 파일들 제거 4.71. 대댓글 오류 수정 4.72. 강의실 현황 기능 추가 ( 현재 시간 시각화 )3. 강의실 현황 리팩토링 -> 민T 피드백 적용4. 강의실 현황 민T 피드백 이론 공부 -> 블로그 정리5. 로그인 버튼 인터랙션 추가 ( 글씨 깨지는 현상 해결)6. 커뮤니티 뷰 디자인 7. 리디자인 팀 컨펌 -> 리퍼블리싱 ( + 카드 뷰 컴포넌트 제작 )8. 상시 모집 페이지 디자인9. 상시 모집 페이지 팀 컨펌 -> 제작 2. 강의실 현황 기능 추가- (추가) 현재 시간 시각화- *ResizeObserver 등 옵저버에 대한 포스팅 할 것 인스타 투표 결과 이전에 추가했던 애니메이션은 없애는 것으로 정해졌습니다.. 애니메이션 제거 후, 현재 시간에 해당하는 강의실 영역을 쉽게.. 공감수 0 댓글수 0 2025. 4. 9.
[UI/UX] scroll hint (스크롤 힌트) 추가하기 스크롤 힌트란?스크롤을 구현했는데, 스크롤바를 넣으면 이쁘지 않아서 hidden처리를 하는 경우가 많습니다. 저만 그런가요?! 아무튼 그런 경우 유저에게 스크롤에 대한 힌트를 제공하지 않으면, 스크롤이 되는지 모르는 경우가 생길 수 있기 때문에,, 접근성을 해치지 않으면서 스크롤이 가능함을 인지하도록 도움을 주려 합니다. 개선하려는 상황"강의실 현황" 은 강의실의 수업 정보를 타임 테이블로 시각화하는 기능인데요, 기존 구현 상황의 경우 너무 작아 잘 눌리지 않아서 크기를 키웠습니다. 개선 과정 중, 기존에는 기기의 width에 딱 맞게 w-full로 구현 되었던 레이아웃이 overflow-x-scroll로 바뀌면서 스크롤이 필요하게 되었는데요! 문제는 스크롤을 할 수 있는 것인지가 모호해 보인다는 것입.. 공감수 0 댓글수 0 2025. 4. 8.
[ 뉴모피즘 블로그 ] 디자인 수정 : 댓글 디자인 수정 (전)블로그에 전체적으로 정돈된 분위기를 주고 싶었는데, 클레이모피즘 형식의 댓글 창이 의도와 맞지 않아 수정하게 되었습니다! 디자인 수정 (후)크게 달라지진 않았지만, bot-shadow 중 inset부분을 조절하여 차분~한 느낌을 조금 더했습니다. 기존의 말랑말랑한 무드보다는 낫다..인 것 같습니다. 곧 포트폴리오 사이트를 따로 제작할 것이기 때문에..! 티스토리는 이 정도로 해두고 할 일들부터 해치워야 할 듯!!! 공감수 1 댓글수 1 2025. 4. 7.
[업무 정리] 4.7 안쓰는 파일들 제거 포함 2건 업무 목록 0. 안쓰는 파일들 제거1. 대댓글 오류 수정2. 강의실 현황 기능 추가 ( 요일 별 조회, 현재 시간 시각화 )3. 강의실 현황 리팩토링 -> 민T 피드백 적용4. 강의실 현황 민T 피드백 이론 공부 -> 블로그 정리5. 로그인 버튼 인터랙션 추가 ( 글씨 깨지는 현상 해결)6. 커뮤니티 뷰 디자인 7. 리디자인 팀 컨펌 -> 리퍼블리싱 ( + 카드 뷰 컴포넌트 제작 )8. 상시 모집 페이지 디자인9. 상시 모집 페이지 팀 컨펌 -> 제작 0. 안쓰는 파일들 제거- (1) 프론트 리팩토링, (2) CSS -> tailwind (3) 레이아웃 컴포넌트 통일 이후 사용하지 않는 상태로 방치된 파일들을 찾아 제거하는 작업입니다. https://github.com/CodIN-INU/front-end.. 공감수 0 댓글수 0 2025. 4. 7.
[UI/UX] 메인 페이지 - 리디자인 코딘 IOS 출시 1주차정보대 공식 커뮤니티인 코딘을 출시하고 1주차가 흘렀습니다..! 유저 피드백 + 내부 회의를 통해 서비스의 다양한 개선점들을 찾아 보았는데요.. 1. 메인 페이지의 각 기능이 눈에 띄지 않는다는 점과2. 학생회 공지를 인스타에서 코딘으로 대체시키기 위한 UI 변경 작업을 하게 되었습니다. 직접 디자인을..디자인을 맡아 주셨던 디자이너분께서 아프셔서.. 직접 디자인을 진행했습니다. 저는 디자인 하는 거 좋아하니 오히려 좋습니다.먼저 기존 디자인입니다. 작업 결과물 (확정은 X)기존에 작은 아이콘으로 나열만 했었던 부분들을 미리보기로 표현해보았습니다. 유저 피드백 중, 기존 UX의 문제점으로 "항상 누르고 들어가야 볼 수 있다" 라는 의견이 있었고.. 미리보기에서 당장.. 공감수 0 댓글수 0 2025. 4. 4.
[UI/UX] 시선 끌기 : 로그인 유의 사항 @inu.ac.kr 계정만 사용할 수 있 ..코딘은 인천대 학생들을 위한 어플이라 학교 계정(inu.ac.kr)을 통해서만 로그인이 가능합니다.그런데, 공지를 읽어 주는 사람이 드문지,, gmail.com으로 로그인을 시도하시는 분들이 많다고 하네요 개선 방안이에 대한 개선책으로, 팀장께서 버튼을 늦게 띄우는 것은 어떻냐 라는 의견을 주셨고, setTimeout을 통해 구현하면 되는 것이라 그리하기로 하였습니다. 다만 구현하는 김에 로딩하는 느낌 + 더 시선을 오래 끌도록 유도 한다면 좋을 것 같아 약간의 애니메이션을 넣어보기로 했습니다. 결과물 확인그 결과로 변경된 로그인 화면은 다음과 같습니다.https://codin.inu.ac.kr 소스 코드@keyframes floatBtnBeforeT.. 공감수 0 댓글수 0 2025. 4. 1.
[업무 정리] 3.31, 강의실 현황 UI 포함 8건 업무 목록 1. 강의실 현황 UI 재구현 ( 조회 )2. 강의실 현황 UI 재구현 ( 상세 )3. 강의실 현황 UI 재구현 ( 작성 )4. 헤더, 바텀바 크기 축소5. 갤러리형 UI 수정 (깨지는 상태)6. 게시글 상세 UI 수정 ( 댓글, 대댓글 )7. 캘린더 이미지 수정8. 검색 레이아웃 수정 1. 강의실 현황 UI 재구현 (조회)- 여백 조절, overflow -> 스크롤 처리 2. 강의실 현황 UI 재구현 (상세)- 여백 조절, 폰트 크기 통일 ( + global.css 적용 ) 3. 강의실 현황 UI 재구현 (작성)- 여백 조절, 폰트 크기 통일 ( + global.css 적용 )- react-select 4. 헤더, 바텀바 크기 축소- 헤더 108px -> 80px- 바텀바 82p.. 공감수 0 댓글수 0 2025. 3. 31.
[fix] 91afc35 : 강의실 현황 VIEW를 벗어나는 현상 컴포넌트 설명RoomStatus 화면은, 아래와 같이 36개로 분리된 타임 테이블에 각각 RoomItemDetail 컴포넌트가 배정된 형태로 구현되어 있습니다.각 타임 테이블 바로 위에 위치한 해당 컴포넌트는, 클릭된 index와 해당 위치가 일치할 경우 보여지게 됩니다. 수정사항 정의 문제는 왼/오른쪽에 치우쳐져 있는 타임 테이블을 클릭할 때 발생합니다. 코딘(Codin)의 모든 View는 레이아웃으로 구성되어 있는데, 기본 padding이 양쪽에 12px씩 있기 때문에, absolute 속성을 주더라도 해당 레이아웃의 하단으로 가려지기 때문입니다. 하지만 padding과는 별개로 화면 자체를 벗어나는 경우도 있으므로, 치우져진 타임 테이블의 경우 치우지지 않은 위치의 Detail컴포넌트를 빌.. 공감수 1 댓글수 0 2025. 3. 30.
[UI/UX] 로그인 화면 : 시선 처리 로그인 프로세스코딘(Codin)의 로그인 프로세스는 스플래시 화면 -> 로그인 화면 -> 계정 등록화면 으로 이루어져 있습니다.그 중 로그인 화면이 주먹구구식으로 구현되어 있었던 관계로, 새로운 로그인 UI를 구상하고 구현했습니다. UI 디자인스플래시 화면에서의 로고를 바라보던 시선이 그대로 머물면서, 동시에 다음 페이지의 버튼들과 시스템상 일관성을 유지하고 싶었습니다. 그러기 위해서는 화면의 중간 -> 하단으로 이동하는 시선처리 방식을 고민해야 했는데요. 방안 1 : linear-gradient 생각한 첫 번째 방안은 선형 그레디언트를 활용하는 것이었습니다. 중간에 위치한 로고가 흐려지면서 중요성을 잃고, 동시에 그라데이션을 통해 하단부로 자연스러운 시선 이동이 이루어지도록 유도해보았는데요, .. 공감수 1 댓글수 0 2025. 3. 30.
정신분석 입문 - 지그문트 프로이트 시작하며 정신분석의 시작은 의학이었다. 정신분석학의 아버지라 불리는 프로이트로부터, 카를 융과 같은 학자들이 이어온 정신분석계열의 이론들은 지금에서야 Mbti와 같은 형태로 변형되어 대중적인 재미 요소가 되어주기도 하지만, 그 시작은 정신이 병든 이를 치료하기 위한 내담으로부터 시작되었다고 한다. 그렇기 때문에 프로이트가 처음 발견했다는 '무의식' 개념은 기본적으로는 병들어버린 정신에서 치료해야 할 부분처럼 묘사된다. 내가 '정신분석 입문' 을 읽었던 당시의 생각을 떠올려보면, 무의식이라는 개념은 우리 의식의 안쪽 깊은 곳에 숨겨져 있는 행동의 주체이며, 치료의 대상인 것으로 이해했던 것 같다. 이 책을 읽게 되었던 건 우리의 의식을 이해하고 싶어서였다. 우리는 태어날 때부터 사회에 의존적인 동물이고.. 공감수 0 댓글수 0 2025. 2. 16.
마흔에 읽는 니체 - 장재형 철학이 유행하는 것 같다. 언제부턴가 마흔에 읽는- 철학 시리즈나 여러 철학자들의 이름을 달고 있는 책들이 서점 매대에 보이기 시작했다. 나도 그렇고, 요즘 들어 철학이라는 카테고리에 대한 수요와 관심이 나날이 커져가는 것 같다. 어째서 현대인들은 철학에 관심을 갖게 된 것일까?철학이 유행하는 이유 첫째로, 행복에 관한 모순 때문이라고 생각한다. 배고픔도, 죽음의 위기도, 현대 시대를 살아가는 우리에게는 이제 익숙하지 않은 단어가 되었다. 행복이라는 쾌락에 이르기를 방해하는 요소들이 환경의 발전을 통해 대부분 제거된것이다. 그럼에도 우리의 대부분은, 여전히 본인 인생의 전반을 불행한 삶이라 정의하고 있다. 이 둘 사이에서 오는 모순이 더욱 복잡한 체계의 사고를 추구하게 만든 것일지도 모른다. 둘째로, .. 공감수 1 댓글수 0 2025. 2. 14.
국문법#1 - 시제와 상 시제와 상 시제와 상을 어떻게 구별할 수 있을까? 양 쪽 모두 어떤 사태의 시간과 관련된 속성을 다룬다는 점에서 배우는 이를 혼란스럽게 만든다. 그러나 이 둘을 구별하는 것은 문법의 정의에 있어서 상당히 중요한 부분이라고 생각한다. 시제와 상을 명확히 구분할 경우, 관점에 따라 "국문법에는 미래시제가 없다." 라 주장할 수도 있다. 수업에서 배운 바에 따르면 시제 표지로서의 타당성 관점에서 국문법의 미래시제 표지인 '-을 것'에 대해 사태의 시간적 위치가 미래에 있는 것이 아니라 발화시로부터 아직 완료되지 않은 미완상의 사태가 발생한 것이라고 본다면, '-을 것'으로 표현되는 '미래 시제'의 주요 영역이 미완상의 영역으로 대체될 수 있기 때문이다. 그렇다면 무엇이 다른가? 시제는 '사태의 시간적 위치.. 공감수 0 댓글수 0 2025. 2. 10.
지속력을 잃지 말자! 무엇이 필요한가 - 말할 것도 없이 지속력입니다(180p) 얼마 전 부전공에 관한 글을 쓰다가 예전에 읽었던 독서 내용을 되돌아보게 되었다. 그중에서도 특히 계속해서 생각나는 것이 지속력이다. '달리기를 말할 때 내가 하고 싶은 이야기' 에서 나는 달리기가 하고 싶어졌고, 무라카미 하루키라는 사람을 본받고 싶다는 생각을 했다, 정도만 기억했었는데, 다시 예전에 읽고 기록한 것들을 되돌아보니 '지속력'이라는 키워드가 자꾸만 자신을 되돌아보게 만든다.지방대 개발 비전공자가 배달의민족 리드 개발자가 되기까지 취준을 하다 보니 보게 된 영상인데, 이 분께서도 무라카미 하루키의 영향을 받아 매일 꾸준히 정진하셨다고 한다. 방향보다는 꾸준함에 집중해서 매일 개발을 계속했고 새로운 기회가 생길 때에는 한번 해보지.. 공감수 1 댓글수 0 2025. 2. 10.
[react-native] IOS 환경에서 Input클릭 시 화면 확대되는 현상 환경 : Next.js , ReactNative 우리 팀의 경우 next.js로 프론트를 구현한 후, 리넥에서 웹뷰만 넣어서 앱을 빌드했다. IOS환경에서는 인풋을 클릭하면 아래와 같이 화면이 확대되는 현상이 발생하는데 이를 없애는 방법을 공유하려 한다. Layout.tsx 수정 react 든 next든 바닐라 html이든 뭐든 간에 전체 화면의 부모가 되는 최상위 컴포넌트가 존재할 것이다. 우리 프로젝트의 경우 layout.tsx 파일이 그에 해당했다. 아래 코드를 넣을 시 문제는 해결된다. 다만 웹 접근성에 좋지 않다는 의견이 있으므로 다른 방법을 찾아볼 필요는 있겠다. 추가로, 웹뷰 앱을 IOS 빌드 시 SafeAreaView를 사용하게 되는데, 화면 위 아래가 검정색으로 짤릴 수 있다. 배.. 공감수 0 댓글수 1 2025. 2. 7.
국어국문학과 부전공 #2 - 무라카미 하루키 세상 사람들은 톱니바퀴의 부품처럼 각자의 역할을 맡으며 살아간다. 예전에 읽었던 요시노 겐자부로의 책에서, 우리 인간은, 거시적인 관점에서 맞물린 톱니바퀴의 부품처럼 표현된다. 문명이라는 거대한 기계 속 하나의 도구로서 세상의 일부로 작동한다는 것이다. 나는 한 때 집 근처 편의점에서 계산 부품으로 생활한 적이 있다. 우리 편의점은 여러 개의 학원이 있는 건물의 1층에 있어서 저녁 시간이면 먹을거리를 사러 오는 중고등학생들로 북적였다. 비슷한 부류의 편의점들 중에서도 우리 가게는 특히 좁은 면적에 비해 사람이 많이 몰려서 나가는 문의 직전까지 계산줄이 늘어지곤 했다. 온 종일 바코드만 찍는 상황이 그야말로 기계로 대체하기 딱 좋은 상황이라고 생각하면서, 나름의 자기계발 방식을 찾기 위해 노력하다가.. 공감수 4 댓글수 0 2025. 2. 5.
[구현] 강의실 현황 조회 - 클릭해서 조회하기 기능 추가 - 클릭해서 조회하기 강의실 정보 조회 화면의 가독성을 높이기 위해 유저 인터랙션을 추가하자고 의견을 제시했다. 물론 구현도 내가 할거니 상관 없다! 다행히 내가 생각했던 대로 진행하기로 했다. 타임라인 중 아무곳이나 누르면, 그 곳에 해당하는 강의실 정보와 정확한 시간이 보여진다. BoundaryList추가 백엔드 Api에서 보내주는 강의 정보는 "HH:mm ~ HH:mm" 이라는 string 형식의 정보이다. 인터랙션을 추가하려면, string 형식의 강의 정보를 [0, 1, 1, 1, 0, 0 , ... ] 과 같은 바이너리 배열 형태로 변환하고 그에 맞게 네모 모양 div의 색을 결정해서 그래프처럼 보이게 해야했다. ( 0 : 강의가 없는 하늘색 네모, 1: 강의가 있는 파란색 .. 공감수 1 댓글수 0 2025. 2. 4.
[구현] 강의실 현황 조회 - View 디자인 코딘에서의 첫 번째 기능 구현은 강의실 현황이었다. 백엔드에서 그 날에 해당하는 강의실 현황을 dict 형태로 보내주고, 나는 그에 맞게 뷰를 구현하고 데이터를 시각화 하면 된다. 타입스크립트 Interface 생성 타입스크립트를 사용하므로 백엔드에서 주는 api의 응답 형식에 맞게 interface를 구현해준다. 폴더를 어떻게 짤까 하다가, 컴포넌트 3개로 해당 기능을 구현하고 그에 맞는 인터페이스 파일을 따로 빼주기로 했다. 강의실 현황 api는 해당 층에 존재하는 각 강의실에 해당하는 강의dict의 배열을 담은 dict 를 반환한다. 구조가 쪼-금 복잡할 수 있으나 콘솔 로그 계속 찍다보면 감이 잡힌다. 구현 과정 및 결과 구현하는 것은 크게 어렵지 않다. 받아온 대로 RoomIt.. 공감수 0 댓글수 1 2025. 2. 4.
구름LEVEL - 놀이공원 #3 문제 링크 구름LEVEL난이도별 다양한 문제를 해결함으로써 SW 역량을 향상시킬 수 있습니다.level.goorm.io 문제 풀이 (Python)x,y 가 sum(x~x+K-1), sum(y~y+K-1) 에 해당하는 압축 배열을 생성하고, 가장 작은 요소값을 출력하면 된다.T = int(input())for t in range(T): #입력 받기 N, K = map(int, input().split()) matrix = [] for y in range(N): matrix.append(list( map(int, input().split(" ") ) )) #압축 배열 만들기 matrixKK = [] endPointY = N-K+1 result = N*N for y in range(endPointY):.. 공감수 0 댓글수 1 2025. 1. 18.
국어국문학과 부전공 #1 주전공 컴퓨터공학, 부전공 국어국문학 대학교에서의 4년, 그 중에서도 국어국문학을 공부했던 3개의 학기는 새로운 환경과 다른 방식의 열정을 느끼게 해주었다. 건물 분위기부터 사람들이 어울리는 방식이나 수업 전반의 모든 것들이 나에게는 신선한 충격이었다. 컴퓨터공학과와 국어국문학과는 거의 대부분의 것들에서 다른 방식의 지향점을 가지고 있었다 어째서 부전공을 택하게 되었나 국문학과로의 부전공에는 크게 3가지 이유가 있었다. 첫째로는 본 전공인 컴퓨터공학부에서의 수업에서 전공으로서의 기대를 충족하지 못했기 때문이다. 수업의 난이도나 교수님에 대한 불만이 아니라, 내가 바라는 것과 대학이 제공하는 것 사이에서의 불일치가 정확한 사유였다. 나는 컴퓨터공학 전공생으로서 대학에서만 할 수 있는 다채로운 .. 공감수 1 댓글수 1 2025. 1. 17.
프로그래머스 - 문자열 출력하기 #2 JavaScriptconst readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let input = [];rl.on('line', function (line) { input = [line];}).on('close',function(){ console.log(input[0]); //추가}); 아래처럼 전체 틀을 이해한 후에 console.log만 추가하면 된다! 프로그래머스 - JavaScript 기본 코드 해석기본 세팅된 JavaScript 코드 const readline = require('readline');const r.. 공감수 1 댓글수 1 2025. 1. 17.
프로그래머스 - JavaScript 기본 코드 해석 #1 기본 세팅된 JavaScript 코드 const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let input = [];rl.on('line', function (line) { input = [line];}).on('close',function(){ str = input[0];});결론 : node.js에서 사용하는 모듈 중 readline.js의 module.exports 객체를 가져온다. 그 내부에 포함된 createInterface() 메소드로 Interface객체인 rl을 생성하는데, 'line'이벤트는 줄바꿈(엔터.. 공감수 0 댓글수 1 2025. 1. 17.
뉴모피즘 블로그 - 이미지 배경 색 이슈! (!) 이미지와 배경의 색이 겹치는 문제 처음 뉴모피즘을 적용시켰을 때, 특히 이미지가 깔끔해서 너무 만족스러웠다. 그런데!! 위와 같이 블로그 화면을 캡쳐한 사진이 블로그에 올라가게 되면, 색 하나로 몰빵하는 뉴모피즘 특성상 이미지가 더욱 더러워지기 시작했다. 해당 이미지가 두겹 세겹으로 쌓여 올라가서 사진 내부의 계층과 블로그 디자인 계층이 구분되지 않는다. 어떻게 해결하면 좋을까?! 여러가지 방법이 있겠지만~ 나는 포스팅 되는 이미지의 명도를 0.03 (3%) 정도 낮춰서 해결했다. 이정도면 이미지에 영향은 별로 없고 아주 살짝 어두워져 배경과는 구분된다. /*CSS*/.area_view img{ border-radius: 15px; filter: brightness(0.97); box-.. 공감수 0 댓글수 1 2024. 12. 27.
뉴모피즘 블로그 - 영상 첨부하기! 블로그 플러그인 추가 취업 준비 중 오래 기억할 만한 내용들을 블로그에 정리하기 위해 인사이트 카테고리를 개설했다. (두둥) 특히 유튜브 영상은 한 번 보고 까먹기에 아주 쉬우니 두고두고 읽을 수 있도록 해야하는데, 게시글에 영상을 첨부하기 위해서는 플러그인을 추가해야 한다. 티스토리 내 블로그 설정에 들어가서 플러그인을 눌러준 뒤에 유튜브 동영상 첨부 플러그인을 활성화하면 된다 (!) 문제 발생 이미 만들어진 블로그 스킨을 제맛대로 커스텀 하려다보면 간단한 상황에서도 문제가 생기곤 하는데... 바로 아래와 같은 상황이다 html을 살펴보면 영상의 width를 줄일 때 자동으로 height도 줄어들어야 하는데, height="225"로 설정된 높이에 style로 설정된 450px이 중복 적.. 공감수 4 댓글수 3 2024. 12. 26.
flat illustration 자동생성하기 / 1회차 flat illustration이란? 개발자가 디자인을 하는 방법 중 가장 성공률이 높은 방법은, '최대한 깔끔하게 만드는 것'이라고 생각합니다. 깔끔한 디자인을 하기 위해서는 최대한 많은 디테일을 제거하고 윤곽만 활용하실 수도 있는데요 플랫 일러스트는 몇 가지 색을 조합하여 깔끔하게 그려진 일러스트 방식입니다. 아이콘 그릴때를 생각하시면 될 것 같아요. 인터렉티브 디벨로퍼로 유명하신 김종민님의 fff프로젝트를 보시더라도 디테일적인 요소를 살리시기 보다는 flat하게 디자인하시는 것 같습니다. 개인적으로 플랫하고 미니멀한 디자인을 굉장히 좋아하기도 하고, 김종민님의 프로젝트도 굉장히 좋아하기 때문에! 저의 포트폴리오 프로젝트에도 미니멀하고 플랫한 일러스트들을 넣어보고자 했습니다. 아이패드를.. 공감수 1 댓글수 1 2024. 12. 19.
뉴모피즘 블로그 - 초기 세팅 블로그 디자인을 커스텀 해 보았습니다..!결과부터 보시죠 대문과 사이드 바에서는 최대한 요소들을 배제하고 필수적인 부분만 남겼습니다.블로그 대문블로그 대문(사이드 바) 이미지는 상위 계층으로(튀어나오게), 코드 블럭은 하위 계층으로(들어가게) 해보았구요이미지 코드 블록 댓글 부분은 확 잡아 땡겨서 글과 확실히 분리되도록 구성했습니다.글 외 부분 뉴모피즘 디자인을 아시나요? 뉴모피즘 디자인은 최대한 미니멀하게, 모든 요소를 배제하고 그림자 위주의 디자인을 하는 방식입니다. 미래지향적인 느낌을 줄 수 있고, 또 깔끔하기는 한데 개인적으로 눈이 오히려 피로해지는? 느낌이 드는 것 같습니다. 최근 포켓몬 카드 게임이 유행하고 있는데 뉴모피즘 디자인을 활용했더라고요 깔끔하기는 한데, 살짝.. 공감수 1 댓글수 3 2024. 12. 19.
단순한 열정 - 아니 에르노 아니 에르노, '단순한 열정'은 불륜관계에 놓인 두 남녀 사이의 열정에 관한 서술에만 집중한다. 그 외의 요소들은 배제되어 있다. 비밀을 고백하듯 쓰여진 긴 일기 묶음같은 글 속에 유부남인 '푸른 눈'의 외국인을 열정적으로 사랑하는 '나'의 집착에 가까운 일상이 기록되어 있다. 필터링을 거치지 않은 직설적인 화법으로 보통의 사람이라면 남에게 절대로 털어놓을 수 없을만한 열정의 치부들을 서스름없이 서술하면서도, 때때로 그것이 작가 본인의 실제 경험과 생각임을 의심하게 하는 진솔함이 드러난다. 특히 이 책의 저자가 실제로는 아니 에르노 본인임을 감출 수 없음에도 주인공인 '나'또한 이 책의 원고를 작성하는 주체로 서술된다는 점에서 독자는 그 둘의 감정을 동일시할 수 밖에 없다. 특히 허구 속 인물인 '내.. 공감수 3 댓글수 2 2024. 9. 10.
[ReactNative] ios/ xcode에서 release모드로 빌드 시 앱이 paused되는 현상 react native를 쓰면서 가장 머리아픈 점은 ㅋㅋㅋㅋ..... 디버깅해본 사람이 많이 없다는 것나름 많이 쓰는 프레임워크라고 생각했는데 레퍼런스가 꽤 부족하다90%는 영어고 가끔 한국어라 디버깅 사례를 보면 너무 반가워서 나도 올려보게 되었다. 에러 상황: 아래 페이지 참고valueType() == Shareable::WorkletType && "only worklets can be scheduled to run on UI"), fu" data-og-description="Description Ios App crashed after running from XCode Steps to reproduce npm install react-native-reanimated cd ios pod install .. 공감수 0 댓글수 0 2024. 4. 29.
[ReactNative] xcode 빌드 시 googlemap 관련 오류 해결법 총정리 장담하는데 한국어로 된 설명.. 아니 영어로도 이 부분 디버깅해서 정리한 사람이 없습니다...저 덕분에 해결하셨음 하트 꾹 누르고 갑시다 ^.^ [에러 상황] expo로 맵뷰 개발하다가expo eject하고xcode에서 빌드하려고 하면 무한 오류의 늪에 빠지게 됩니다. 이대로만 하십시오. [1- 프로젝트폴더/ios/podfile 수정하기]target '프로젝트명' douse_expo_modules!config = use_native_modules!이 구문 밑에 # React Native Maps dependenciesrn_maps_path = '../node_modules/react-native-maps'pod 'react-native-google-maps', :path => rn_maps_path.. 공감수 0 댓글수 0 2024. 4. 26.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.