인기글
-
[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..
-
[Flutter] 플러터 2.0 버튼 hover, pressed, focused, disable, overlay 상태(state) 변화 개발
기존에는 state 별 버튼의 컬러를 parameter로 지정하고 state를 조건문으로 지정해줘야했다. 하지만 flutter 2.0에서는 style 요소 내에서 버튼의 상태(state)에 맞는 시각적 요소를 지정할 수 있게 되었다. material design이 정의한 버튼의 상태(state)와 state별로 버튼 시각적 요소 지정, overlay 색상을 수정하는 방법을 정리해보려고 한다. 1. material design에서 지정하고 있는 버튼의 상태 - enabled : 상호작용 가능한 버튼 상태 - pressed : 사용자가 탭 했을 때 - hover : 사용자가 마우스 커서를 상호작용 가능한 버튼 위에 올려두었을 때 - focus : 사용자가 키보드나 음성과 같은 입력 방법을 사용하여 강조표시한..
-
AI 모델 평가 기준 정리
음성 AI 모델을 평가하며 리서치한 기준을 기록합니다. (26.08.26 업데이트) 1-1. Freeform Red Team AI 평가에서 정해진 테스트 시나리오나 질문 목록 없이, 평가자가 자유롭게 다양한 방식으로 모델을 공격·검증하는 평가 방식개념: 모델의 취약점, 오류, 안전성 문제를 찾기 위해 평가자가 자유롭게 프롬프트를 구성하는 레드팀 평가핵심 요소:정해진 테스트 케이스에 제한되지 않음예상치 못한 질문·상황을 시도모델의 환각, 지시 위반, 안전장치 우회, 일관성 저하, 편향 등을 탐색발견한 실패 사례를 바탕으로 추가 공격을 이어감예시:모델에게 처음에는 정상적인 질문을 한 뒤, 점차 표현을 바꾸거나 맥락을 추가하면서 금지된 정보를 제공하도록 유도하고, 모델이 어느 지점에서 안전 원칙을 위반하는지..
-
Github 민감한 커밋 히스토리 삭제 (git ignore, git filter-branch)
개발을 하다보면 git에 올리고 않지 않거나 올리면 안되는 민감한 파일들이 있는데 이 파일들은 .gitignore 설정파일에 추가하면 자동으로 git 버전 관리에서 제외된다. 기존 프로젝트에 git ignore 설정하기 프로젝트를 시작할 때 git ignore을 설정하면 제일 좋지만, 이미 프로젝트가 진행되었을 경우 기존 프로젝트에 .gitignore를 적용하는 방법도 있다. 1) .gitnore 파일에 숨기고자 하는 파일명을 추가한다. 2) 원격 저장소에 있는 파일들을 삭제하고, git ignore이 적용된 로컬 파일을 다시 커밋한다. git rm -r --cached . git add . git commit -m ".gitignore 적용하기" 3) 푸쉬한다. 민감한 정보가 담긴 커밋 내역 삭제하기 ..
-
[UPF 2022ss] 에이블리 프로덕트 디자이너님 세션정리 (4/9)
에이블리 프로덕트 디자이너님의 세션 '디자인 이론을 제품에 적용하는 방법'을 듣고, 의미있었던 강의 요약과 질의 응답을 정리하였습니다. 강의 요약 많은 디자인 이론, 레퍼런스들은 남의 이론이다. 서비스도 유저도 다르기 때문에 그 방법을 우리 안에 넣으면 성공하기가 어렵다. 참고는 하되 최대한 우리껄로 녹여서 자신만의 이론을 쌓는 것이 좀 더 좋다고 생각한다. 많은 실험을 통해 우리만의 데이터를 가지고 우리(팀) 만의 이론을 만드는 것이 중요하다. 실험할 때 고려할 점 1) 가설을 검증할 수 있는 최소 스펙인지, 기존의 디자인 시스템 같이 이미 가지고 있는 디자인 스펙을 활용하면 코스트가 낮아진다 2) 개발과 디자인을 적게하면서 비즈니스 임팩트를 주나 3) 우리의 의도를 유저들에게 명확하게 전달하나 질의응..
-
[UPF 2022ss] 당근마켓 프론트엔드 리더님 세션정리 (3/26)
당근마켓 프론트엔드 리더님의 세션 '제품을 바라보는 관점 만들기'를 듣고, 의미있었던 강의 요약과 질의 응답을 정리하였습니다. 강의 요약 사람의 커뮤니케이션은 정보의 손실이 발생한다. 서로가 상상하고 있는 진실을 동기화 해야한다. 우리는 기계처럼 소통 해야하는데, 즉 언어를 만들고 약속을 정해야한다. schema로 잘 작성해두면 우리가 원하는 그래프 시각화가 가능하며 직무간에 같은 단어를 사용할 수 있다. 또한 schema를 사용하면 코드 생성이 되는 것이 장점이다. (code generation - graph QL codegen을 사용 질의응답 Q1. 일정을 예측할 수 없을 때 어떻게 해야하는가? A. 일정이 예정보다 늦어진다면 누군가 잘못하는 것이 아니라 예상을 잘못한 것. 미래를 예측하는 것과 같다..
-
[ReactJS] 네이버, 카카오 지도 api 사용해 개발해보자 (1) - 지도 가져오기
API 연습을 위해 네이버 지도를 사용하려 했으나 React에서는 라이브러리를 사용해야한다는 이야기에 카카오로 넘어갔다. 하지만 정리는 둘 다 하는걸로! 네이버 API 지도를 사용해보자 1) Naver cloud 플랫폼 계정을 생성하고 회원가입 & 로그인. 결제정보를 입력해야만 서비스를 사용할 수 있습니다. 유료 서비스가 아니면 요금이 부과되지 않아요! 2) console로 들어가 Products & services 에 들어간다. 3) AI·NAVER API 항목을 클릭하여 어플리케이션을 등록한다. 4)Service 선택에서 원하는 map을 선택하고 등록하면 끝! 코드 상에 적용해보자 react에서 naver map api를 사용하기 쉽게 도와주는 라이브러리를 사용한다. yarn add react-nav..
최근 게시글
-
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년차 개발자로 뒤쳐지지 않기 위해, 또 새로운 기술을 자유롭게 써서 개발해보고 싶다는 생각으로 사이드 프로젝트를 구하던 중 데브이벤트 프로젝트라는 감사한 기회를 얻게..