인기글
-
[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..
-
[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) 데이터베이스 생성
-
상반기 데브이벤트 프로젝트 회고 (with UPF)
0. 데브이벤트 웹 구경하기 https://dev-event.vercel.app/events Dev Event - 개발자 행사는 모두 데브이벤트 웹에서! 개발자를 위한 {웨비나, 컨퍼런스, 해커톤, 네트워킹} 소식을 알려드립니다. dev-event.vercel.app 1. 데브이벤트 프로젝트에 합류 2022년 상반기, 데브이벤트 저장소를 고도화하는 사이드 프로젝트에 웹 프론트엔드 개발 , 서비스 기획자로 참여하게 되었습니다! 개발자로 일한지 7개월, 회사에서 혼자 개발을 하다보니 점점 익숙한 기술, 방식에 안주하려는 제 모습이 보였어요.🤦 2년차 개발자로 뒤쳐지지 않기 위해, 또 새로운 기술을 자유롭게 써서 개발해보고 싶다는 생각으로 사이드 프로젝트를 구하던 중 데브이벤트 프로젝트라는 감사한 기회를 얻게..
-
[클린코드] 4. 주석 - 요약 및 인사이트
인사이트 정리 주석은 코드가 아니라고 생각해서 대충 입력하고 남겨두는 경우가 많았는데, 나같은 이런 개발자들이 많이 때문에 더욱이 주석을 사용하면 안된다는 것을 알게 되었다. 주석보다는 코드로 최대한 의미를 전달하도록 하고, 소스코드 관리 시스템로 형상관리를 해보자! 요약 - 우리는 코드로 의도를 표현하지 못해, 그러니까 실패를 만회하기 위해 주석을 사용한다. - 코드로 의도를 표현할 방법은 없을까? - 코드는 변화하고 진화한다. 주석이 언제나 코드를 따라가지는 않는다. - 부정확한 주석은 아예 없는 주석보다 훨씬 더 나쁘다. 1. 주석은 나쁜 코드를 보완하지 못한다. - 표현력이 풍부하고 깔끔하며 주석이 거의 없는 코드가, 복잡하고 어수선하며 주석이 많이 달린 코드보다 훨씬 좋다. 2. 코드로 의도를..
-
[힙주비] 코멘토 이재성 대표님 시니어 세션 정리 (3/9)
강의요약 1. 일잘러가 되려면 풀어야할 문제를 정리하고 어떻게 풀어야할지 고민해야한다. 1) 풀어야할 문제 정리하기 나의 상황 전무님의 요구사항 첫 번째로 주어진 시간 - 이 문제를 지시한 리더는 알고 있을까? : 리더도 여러가지 현상으로 중요하다는 생각은 알고 있지만 모름 - 새로운 일에 대한 지식을 왜 안 알려주지? : 그래서 물어보면 리더는 “00님이 찾아보고 말씀해주세요”라고 말한다. -> 리더에게 물어보거나 안 알려준다고 불만한다는 것은 문제를 해결하는 사람의 자세가 아니다. -> 어떤 문제를 왜 풀어야 하는지 리더나 팀원에서 관점을 심어주어야한다. 2) 배경과 맥락을 이해하기 누구 : 이 문제는 누가 연관되어 있을까? 기존방법 : 기존 방법과 이유는 무엇이지? 이유 : 리더/ 팀은 어디까지 알..
-
6시간만에 3500명이상 유입된 대학교 특성 mbti 테스트 프로젝트
웹 개발자가 되겠다는 마음으로 처음으로 시작한 프로젝트! 많은 시간 안 들이고 실제 서비스를 구현해볼 수 있는 아이템이 뭐가 있을까 고민하다 요즘 핫하고 내가 좋아하는 mbti테스트를 떠올렸다. 내가 다니는 대학교는 공동체 특징이 강하기 때문에 학교만을 위한 mbti를 만들면 너무너무 재밌을거 같았다! 그래서 상담심리 전공 친구를 영입해 함께 프로젝트를 시작했다 나는 웹 기획, 디자인, 개발을 맡았고 상담심리 친구는 내가 미리 생각해둔 질문지를 토대로 질문과 결과지를 만들어주었다 디자인 툴 : figma. 개발 툴 : react.js + firebase 0) 개발 단계 본래는 프론트에 react.js 백엔드에 node.js로 서버를 만들고 mysql과 닷홈의 무료 호스팅을 사용하여 개발했으나..! 용량이..
-
[Flutter] flutter 2.0 stable 버전 출시에 대해 알아보자
flutter 2.0 웹 컨셉 flutter 2.0 에서 웹 stable 버전이 출시되었다. 현재 창업 아이템을 개발 중에 있는데 플랫폼 특성상 UI 디자인적 요소가 중요하고 추후 태블릿 앱으로 발전시켜나갈 계획이였기 때문에 flutter web으로 개발 중이다. url를 포함한 여러 불안정한 웹 지원 요소들 때문에 reactJS로 옮겨야하나 고민이 있었지만 flutter 2.0 버전이 나온 뒤 flutter로 계속 진행하기로 결정되었다. 2.0 버전으로 마이그레이션 하기 위해 어떤 요소들이 추가되었는지 알아보았다. 1) Progressive web apps (PWAs) PWAs, 즉 프로그레시브 웹앱은 모바일 앱과 웹 기술의 장점을 결합하고 단점을 보완한 미래형 웹 기술이라고 한다. 네이티브 앱은 오프..
-
[HTML/CSS] CSS의 수평 수직 정렬구조 (float / flex)
flutter에서는 수직을 column 위젯으로, 수평을 row 위젯으로 정의해 레이아웃을 만들었다. css에서는 flutter와 달리 float, display 등 레이아웃을 위한 다양한 방법이 있었는데 그 중 display property! 대부분의 요소들이 수직으로 display되는 block 구조이고 inline, inline-block처럼 수평으로 display되는 구조도 있다. 하지만 block 구조는 계속해서 수직으로 쌓이고 inline은 수평으로 쌓여서 내가 원할 때 줄바꿈을 어떻게 해야할지, 다른 방법은 있는지 고민이 많았다. 그래서 정리해보았다! float 속성을 이용한 수평 정렬 - clear property float을 이용해 수평구조를 만든 후 float의 적용을 없애고 수직으로 ..
최근 게시글
-
[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년차 개발자로 뒤쳐지지 않기 위해, 또 새로운 기술을 자유롭게 써서 개발해보고 싶다는 생각으로 사이드 프로젝트를 구하던 중 데브이벤트 프로젝트라는 감사한 기회를 얻게..