인기글
-
[Flutter] 플러터 웹 사이트 반응형으로 생성하기
기존에 만들었던 웹사이트는 반응형 웹을 위한 설정이 적용되어있지 않기 때문에 웹 화면을 조절했을 때 아래와 같이 overflow가 발생하거나 웹사이트의 UI가 유지되지 않는다. 1) responsive builder 반응형 웹 사이트를 구축하기 위해 responsive builder 패키지를 사용한다. responsive_builder: ^0.1.2 웹을 실행하는데 사용되는 디바이스에 맞는 페이지를 설정하면 디바이스에 맞는 반응형 웹을 생성해준다. 디바이스 크기를 일일히 설정해줘야할 필요를 줄여주는 패키지라고 생각한다. watch, mobile, tablet, desktop void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @o..
-
[Flutter] 플러터 버튼 종류 (TextButton / OutlinedButton / ElevatedButton / Icon button)
flutter에서 주로 쓰이는 버튼은 FlatButton, RaisedButton, OutlineButton인데 TextButton, ElevatedButton, OutlinedButton으로 각각 변화되었다. theme 또한 TextButtonTheme, ElevatedButtonTheme, OutlinedButtonTheme으로 바뀌었다. style은 textcolor property 요소를 이용해 글꼴 색상을 지정했던 것과 달리 stylefrom property 내에서 color들을 지정한다. primary , onsurface color가 parameter인 것을 보니 material design적인 요소가 많이 반영되었다는 생각이 들었다. * 버튼 상태별로 버튼 스타일을 지정하고 싶다면? htt..
-
상반기 데브이벤트 프로젝트 회고 (with UPF)
0. 데브이벤트 웹 구경하기 https://dev-event.vercel.app/events Dev Event - 개발자 행사는 모두 데브이벤트 웹에서! 개발자를 위한 {웨비나, 컨퍼런스, 해커톤, 네트워킹} 소식을 알려드립니다. dev-event.vercel.app 1. 데브이벤트 프로젝트에 합류 2022년 상반기, 데브이벤트 저장소를 고도화하는 사이드 프로젝트에 웹 프론트엔드 개발 , 서비스 기획자로 참여하게 되었습니다! 개발자로 일한지 7개월, 회사에서 혼자 개발을 하다보니 점점 익숙한 기술, 방식에 안주하려는 제 모습이 보였어요.🤦 2년차 개발자로 뒤쳐지지 않기 위해, 또 새로운 기술을 자유롭게 써서 개발해보고 싶다는 생각으로 사이드 프로젝트를 구하던 중 데브이벤트 프로젝트라는 감사한 기회를 얻게..
-
[UPF 2022ss] 에이블리 프로덕트 디자이너님 세션정리 (4/9)
에이블리 프로덕트 디자이너님의 세션 '디자인 이론을 제품에 적용하는 방법'을 듣고, 의미있었던 강의 요약과 질의 응답을 정리하였습니다. 강의 요약 많은 디자인 이론, 레퍼런스들은 남의 이론이다. 서비스도 유저도 다르기 때문에 그 방법을 우리 안에 넣으면 성공하기가 어렵다. 참고는 하되 최대한 우리껄로 녹여서 자신만의 이론을 쌓는 것이 좀 더 좋다고 생각한다. 많은 실험을 통해 우리만의 데이터를 가지고 우리(팀) 만의 이론을 만드는 것이 중요하다. 실험할 때 고려할 점 1) 가설을 검증할 수 있는 최소 스펙인지, 기존의 디자인 시스템 같이 이미 가지고 있는 디자인 스펙을 활용하면 코스트가 낮아진다 2) 개발과 디자인을 적게하면서 비즈니스 임팩트를 주나 3) 우리의 의도를 유저들에게 명확하게 전달하나 질의응..
-
[Next.js] kakao 인앱 user-agent 감지
1. 문제상황 카카오톡으로 전송된 링크를 인 앱으로 열었을 때 기능이 제대로 동작하지 않은 경우가 있다. 구글 로그인 기능도 마찬가지! 2. 해결방법 강제로 사이트를 외부 브라우저로 열도록 하는 방법도 있지만 안정적인 방법을 찾지 못했다. 사용자가 혼란스러울 경우를 대비해, 카카오톡 인앱 브라우저일 경우 사용자가 구글 로그인을 시도한다면 alert로 안내문구를 띄우기로 했다. 3. 해결 과정 _ 카카오톡 브라우저에 대한 user-agent 감지 - 카카오톡 인앱에는 userAgent에 KAKAOTALK 문구가 포함되어있다. Mozilla/5.0 (Android; Mobile; rv:13.0) Gecko/13.0 Firefox/13.0 KAKAOTALK - useEffect에서 navigator 객체를 통..
-
[mysql] mysql 을 이용한 sql 데이터베이스 생성
mysql 을 이용해 성격테스트 타입별 인원수를 저장하기 위한 테이블을 생성했다. 1) test-result 테이블 생성 id를 고유 primary key로 설정했다. CREATE TABLE test_result ( id INT(11) NOT NULL AUTO_INCREMENT, type VARCHAR(10) NOT NULL, count INT(11) DEFAULT 0, PRIMARY KEY(id) ); 2) 테이블 값 추가 INSERT INTO `test_result` (`type`, `count`) VALUES ('\"ISFP\"', '0'); 3) 데이터베이스 생성
-
[JavaScript] ESLint와 Prettier 설치 및 설정
자바는 정적 컴파일을 하지 않은 인터프리터 언어이다. 따라서 에러 찾기가 힘들고, 에러를 해결하지 않은 채 배포할 가능성이 있다고 한다. 자바 스크립트를 사용하는 첫 협업 프로젝트라 이를 해결하기 위해 eslint와 prettier를 사용해보았다. EsLint는 자바스크립트 문법에서 에러를 표시해준다 (flutter의 linter와 같은 개념인 듯 하다.) Prettier는 코드스타일을 자동으로 formatting 해준다. ** CRA(create-react-app)에는 이미 세팅이 되어있다고 한다 ** 1. eslint 설치 및 설정 1) ESLint 확장기능 설치 vs code의 개발단에서도 사용할 수 있도록 VS code에 ESLint 라이브러리를 통합한다. 2) ESLint 설치 - 프로젝트에 설..
-
[매일경제] 3월 14일 기사 요약 (블록체인게임 / 비대면 약 배달)
149개국 동시 출시한 블록체인 게임…한국에서만 안된다 www.mk.co.kr/news/it/view/2021/01/37306/ 149개국 동시 출시한 블록체인 게임…한국에서만 안된다 위메이드, 블록체인 적용한 `버드토네이도` 내놨지만 등급 문제 등 국내 출시 지연 www.mk.co.kr 1) 블록체인 게임에 대한 관심이 커지고 있다. 위메이드는 첫 블록체인 게임인 버드토네이도 포 위믹스(for WEMIX)를 전 세계 149개국 구글 플레이스토어에 출시했다. -> 게임하면서 `토네이도`로 불리는 게임 토큰을 얻은 이용자는 디지털 지갑인 `위믹스 월렛`으로 보관·전송을 할 수 있다. -> 장현국 위메이드 대표는 "기존에 게임 플랫폼 변화가 디바이스를 바꾸는 것이었다면, 블록체인은 다른 차원의 재미를 만드는..
최근 게시글
-
[AI 평가] AI 모델 평가 기준 정리AI 2026.08.24 19:00
음성 AI 모델을 평가하며 리서치한 기준을 기록합니다. (26.08.26 업데이트) 1-1. Freeform Red Team AI 평가에서 정해진 테스트 시나리오나 질문 목록 없이, 평가자가 자유롭게 다양한 방식으로 모델을 공격·검증하는 평가 방식개념: 모델의 취약점, 오류, 안전성 문제를 찾기 위해 평가자가 자유롭게 프롬프트를 구성하는 레드팀 평가핵심 요소:정해진 테스트 케이스에 제한되지 않음예상치 못한 질문·상황을 시도모델의 환각, 지시 위반, 안전장치 우회, 일관성 저하, 편향 등을 탐색발견한 실패 사례를 바탕으로 추가 공격을 이어감예시:모델에게 처음에는 정상적인 질문을 한 뒤, 점차 표현을 바꾸거나 맥락을 추가하면서 금지된 정보를 제공하도록 유도하고, 모델이 어느 지점에서 안전 원칙을 위반하는지..
-
검색기능 개선개념 2022.12.08 20:57
테크니컬 SEO 메타 키워드 태그는 검색 엔진에서 제외 웹페이지 속도, 프로토콜 준수, 모바일 최적화 등을 기준으로 점수를 매김 웹 사이트 속도 경쟁 웹 사이트보다 속도가 더 빨라야함 타이틀 태그 가장 중요하고 관련있는 키워드 영문 65자, 한글 32자 내외 각 페이지에 맞는 메타 디스크립션 태그 77자 이내 이미지 정보 alt 검색엔진에 전달 상위 랭킹에 큰 영향을 주는 건 아님 오픈 그래프 캐노니컬 태그 타겟고객이 많이 사용하면서 타경쟁사 웹 페이지는 비교적 적게 사용하는 키워드 https://junheedot.tistory.com/27 SEO를 위한 자가 진단 체크리스트 📜 본문은 서적 '트래픽을 쓸어 담는 검색 엔진 최적화'를 읽고 남기는 요약본입니다. 더 자세한 정보를 얻기 원하신다면 해당 서적..
-
Github 민감한 커밋 히스토리 삭제 (git ignore, git filter-branch)기타 2022.07.14 00:21
개발을 하다보면 git에 올리고 않지 않거나 올리면 안되는 민감한 파일들이 있는데 이 파일들은 .gitignore 설정파일에 추가하면 자동으로 git 버전 관리에서 제외된다. 기존 프로젝트에 git ignore 설정하기 프로젝트를 시작할 때 git ignore을 설정하면 제일 좋지만, 이미 프로젝트가 진행되었을 경우 기존 프로젝트에 .gitignore를 적용하는 방법도 있다. 1) .gitnore 파일에 숨기고자 하는 파일명을 추가한다. 2) 원격 저장소에 있는 파일들을 삭제하고, git ignore이 적용된 로컬 파일을 다시 커밋한다. git rm -r --cached . git add . git commit -m ".gitignore 적용하기" 3) 푸쉬한다. 민감한 정보가 담긴 커밋 내역 삭제하기 ..
-
상반기 데브이벤트 프로젝트 회고 (with UPF)회고 2022.06.25 17:08
0. 데브이벤트 웹 구경하기 https://dev-event.vercel.app/events Dev Event - 개발자 행사는 모두 데브이벤트 웹에서! 개발자를 위한 {웨비나, 컨퍼런스, 해커톤, 네트워킹} 소식을 알려드립니다. dev-event.vercel.app 1. 데브이벤트 프로젝트에 합류 2022년 상반기, 데브이벤트 저장소를 고도화하는 사이드 프로젝트에 웹 프론트엔드 개발 , 서비스 기획자로 참여하게 되었습니다! 개발자로 일한지 7개월, 회사에서 혼자 개발을 하다보니 점점 익숙한 기술, 방식에 안주하려는 제 모습이 보였어요.🤦 2년차 개발자로 뒤쳐지지 않기 위해, 또 새로운 기술을 자유롭게 써서 개발해보고 싶다는 생각으로 사이드 프로젝트를 구하던 중 데브이벤트 프로젝트라는 감사한 기회를 얻게..