개발일지 Flask에서 페이지 리디렉션 & Bootstrap4 도입 【「책장 자랑」사이트 개발 일지 #2】 개발 단말기: Linux(Ubuntu 17.10) 언어: Python(v3.6.3)※ pip 는 v9.0.1 웹 프레임워크: Flask(v1.0.2) CSS 프레임워크: Bootstrap(v4.0.1) 계속. 구현중인 최신 소스는 페이지 리디렉션 및 404 페이지 추가 CSS 프레임 워크 도입 현재, 톱 페이지에 표시하는 컨텐츠를 생각하고 있지 않기 때문에, 우선 책장 일람 페이지에 리다이렉... Python3개발일지css 프레임워크GAEgcp Python과 GCP의 조합으로 웹 사이트를 만드는 【「책장 자랑」사이트 개발 일지 #1】 업무로 Python과 GCP의 지식이 필요하기 때문에 튜토리얼 등 해 보았지만, 결국은 실전(실제로 움직이는 것을 실전(=인터넷상에) 릴리스한다)이 제일 힘이 붙기 때문에, 해 보는 것 한다. 업무에서는 Golang이나 Angular도 필요할 것 같지만, Golang은 2년 정도 업무 경험이 있으므로 우선도 낮춘다. Angular는 튜토리얼을 다소 했지만, 기능이 많아, Python, GCP... 개발일지GAEgcpPython3 코린이 등장 / 22.04.20 오늘 웹개발 2회차 수업을 들었다. 로그인 페이지까지는 재밌게 만들었는데,, 포스팅박스를 혼자서 만들어보겠다고 의지만 앞서다가 3시간을 낭비,, 암튼 마음 아픈 코린이는 오늘부터 개발일지를 쓰며 성장 기록을 남겨보기로 결심했다! 1회차 수업 _ 로그인 페이지 만들기 background-image: url("..."); background-size: cover; background-positi... 코린이등장개발일지개발일지 [SW사관학교정글] WEEK01 개발일지 - Ⅴ 수학 순열이란 몇 개를 골라 순서를 고려해 나열한 경우의 수를 말한다. 즉, 서로 다른 n개 중 r개를 골라 순서를 정해 나열하는 가짓수이며 순열이라는 의미의 영어 ‘Permutation’의 첫 글자 P를 따서 nPr로 표시한다. 순열은 순서를 고려하기 때문에 [A, B, C]의 리스트에서 2개의 원소를 골라 순서를 정해 나열하면 [(A, B), (A, C), (B, A), (B, C), (... jungle수학개발일지정글jungle [SpringBoot] Custom Exception Response 만들기 API를 작성할 때 따로 Exception Handler를 만들어주지 않으면, Runtime Error시 모두 500 Error로 Response가 가게 된다. FE는 이 에러 코드에서 에러에 원인을 알 수 없다. 이를 해결하기 위해 Custome Exception을 추가하여 FE에게 내용을 전달하도록 해보자! 💡 다양한 상황에서 쓰일 Error Code를 만든다. 상태를 담을 HttpSta... Springboot개발일지Springboot [Test] SpringBoot Test - Service (Mockito) 단위 테스트는 Service Layer의 비즈니스 로직만을 검증하는 것이므로, Repository와 Controller의 영향을 받지 않는 환경에서 테스트를 진행하여야 한다. 테스트의 F.I.R.S.T 원칙 F - Fast: 테스트를 시도하는 것에 있어서 주춤되지 않을 만큼 빨라야 한다. I - Independent: 객체의 상태, 메소드, 이전 테스트 상태, 다른 메소드의 결과에 의존해서는... Springboot넘바개발일지Springboot [SW사관학교정글] WEEK01 개발일지 - Ⅱ 재귀함수 즉, 함수 정의 내에 같은 이름의함수가 올 때 이를 재귀함수라 한다. 재귀함수 사용 시 반드시 탈출 조건이 있어야 stack overflow를 방지할 수 있다. 재귀함수의 호출 및 리턴 과정 모든 함수는 호출되면 메모리에 새로운 공간을 확보해서 매번 전혀 다른 공간에서 작업이 진행된다. 소스 코드에서는 같은 공간처럼 보이지만 실제 실행되는 코드는 전혀 다른 공간에서 이뤄진다 main... jungle재귀함수개발일지정글jungle Boot - Slack Bot 연동하기 그룹이 슬랙과 연동할 경우, 그룹 원들의 상태가 Slack Bot을 통해 표시된다! 에서 Slack Bot 만들기 App Name과 workspace 선택 - AppName의 경우 추후 변경 가능 - workspace가 없으면 app 생성 불가! → 여러 workspace에서 사용하는 bot개발 시, 생성 후 distribution 설정 해야 함 생성 후 Bots 선택! Scope 적용 Re... Springboot두콩개발일지Springboot [Chrome Extension] 웹 페이지 연동 타이머 구현하기 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 해당 탭에 Script를 주입하여 localStorage[”key”] 값을 반환하도록 함 setInterval(): 일정 시간 ... 두콩frontend개발일지frontend [Chrome Extension] 탭 제어 기능 만들기 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭의 상태가 변경될 때 발생 tabId: 변경된 탭의 ID changeInfo: 변경된 내용 tab: 변경된 탭 Object 필요한 changeInfo: status ( unloaded / loading / complete... 두콩frontend개발일지frontend [Chrome Extension] Chrome Storage CRUD 💡 Chrome Storage를 활용한 Extension의 CRUD [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. de... JavaScript두콩개발일지JavaScript [SW사관학교정글] WEEK01 개발일지 - Ⅲ 정렬 버블 정렬 따라서 버블 정렬은 O(N^2)의 복잡도를 갖는 정렬 알고리즘이다. 선택 정렬 선택 정렬은 정렬되어 있지 않은 데이터 중 가장 작은 데이터를 선택하여 맨 앞부터 순서대로 정렬해 나아가는 알고리즘이다. 선택 정렬은 루프문을 통해 모든 인덱스에 접근해야 하기 때문에 기본적으로 O(N) 시간을 소모하며, 최소값을 찾으면 현재 인덱스와 최소값을 서로 swap해야 하기 떄문에 O(N)... jungle정렬개발일지정글jungle 스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 5주차 개발일지 git bash : 인스턴스 접속하는 방법 ssh -i (keypair위치) (ip주소) ex) ssh -i /c/Users/spartakeypair.pem filezilla : 인스턴스와 연결하기 git bash : ec2 설정하기 ubuntu@ip-172-31-40-218:~/sparta2$ sudo chmod 755 initial_ec2.sh ubuntu@ip-172-31-40-218:... 스파르타코딩클럽웹개발개발일지내일배움단webweb Service, Controller 작성 요청에 따른 적절한 응답을 보냄 필드 주입(@Autowired) 대신 사용하는 생성자 주입! 순환 참조 방지 테스트 코드 작성 용이 객체 변이 방지 ( final 키워드 사용 ) 클라이언트가 전송하는 Json 형태의 HTTP Body 내용을 Java Object로 변환 메세지를 변환하는 과정에서 객체의 기본 생성자를 통해 객체를 생성하고, 내부적으로 Reflection을 사용해 값을 할당 →... Springboot개발일지Springboot [chrome extension] setInterval 타이머 타이머를 적용하는 setInterval이 간헐적으로 실행되지 않음 새로운 window를 열었을 때, background.js가 재 실행되면서, tabId가 “”로 초기화 됨 Manifest V3로 이전 되면서, chrome alarms API로 변경 alarms 사용을 위해, Manifest에 Permission ‘alarms’ 추가 when: 시작 시간 periodInMinutes: 이벤트... frontend개발일지두콩frontend [TIL] CSS_빔캠프 특강 (이종찬 강사님) width: 800px; 너비가 줄어든 것을 볼 수 있다. 브라우저가 디폴트로 갖고있는 스타일시트를 알 수 있다. width : auto; > css > background-color 검색 즉, div 안에 있는 컨텐츠의 높이만큼 차지한다. padding : div 전체 크기가 커지게 된다. border: 전체 크기가 커지게 된다. width auto로 하면 옆 공간을 다 쓰게 된다. mar... 프론트엔드스쿨개발일지멋쟁이사자처럼빔캠프TILhtmlCSSCSS 20220418 월요일 오늘은 다같이 이미지에서 작업자를 선별하는 작업하는 작업을 했다. 그제, 어제 학습셋 3개로 사람을 디텍팅해서 사람있음/없음/불확실함으로 나눠뒀었는데 (3개 모두가 사람이 있다고 하면 있음/없다고 하면 없음/결과가 갈리면 불확실함) 결국 전부를 살피자는 의견이 나와서 그렇게 했다. 아쉬웠다. 모두의 시간을 아끼고 싶었는데. 그래도 나눠둬서 도움이 됐다는 얘기를 들었다. 작업자 외의 다른 것들... 개발일지개발일지 기업연계PJT개발일지 오늘 할일 오늘 TIL 오늘 느낀점 22.04.18(월) 오늘 할일 미팅 준비(pjt 계획) kafka 분석 오늘 결과 / TIL window에서 kafka를 설치, 실행해보았다. 주키퍼 실행 카프카 서버 실행 연결 확인(port가 LISTENING 상태 확인) kafka 서버의 기본 포트 : 9092 zookeeper의 기본 포트 : 2181 토픽 생성 (브로커) 카프카 서버 로그로 토픽 ... 개발일지기업연계개발일지 V-RIS 개발일지 (1) 프로젝트 소개 V-RIS : Vegan Restaurant In Seoul 비건과 논비건이 모두 이용할 수 있는 비건 식당 안내 웹 서비스 비건과 논비건이 함께 갈 수 있는 식당은 많지 않다. V-RIS 웹 서비스는 비건 메뉴가 하나라도 있는 식당의 목록을 검색 가능하며 (서울 한정) 비건이 남긴 후기와 논비건이 남긴 후기를 따로 볼 수 있다. 검색기능은 지역, 음식 카테고리, 비건 단계로 검색 가능하며 ... 개발일지개발일지 [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE 📌 javascript 개념 #4 문 : 명령과 흐름을 제어할 수 있으므로 프로그래밍 그 자체이다. 개발자가 주도적으로 코드 작성 - '문' 활용 제어, 식, 공 등이 있다. 중괄호를 중심으로 한다. ( = 중괄호가 있으면 '문') 1) if 문 2) for 문 for loop의 기본 형식 🟧 1번 부분 : 초기화, 리셋 / 기본 상태를 구축하는 것이다. 🟩 2번 부분 : 평가 결과라고 할 수 있다. = 조건을 넣어주어서 식에 ... JavaScript개발일지JavaScript 📌 javascript 개념 #8 콜백함수 콜백함수란 ? -> 나중에 다시 불려지는 함수 -> 특정 이벤트에 의해 호출되는 함수 -> 다른 함수의 인자로써 넘겨주는 실행가능한 코드 콜백함수를 설명한 그림 callback의 일반적 예시 또 다른 예 여기서 보면 더 이해가 잘 되는데, 한마디로 콜백함수는 미리 만들어놓고 가져다 쓴다고 이해하면 편하다. 여기서는 showOk, showCancel를 콜백함수라고 한다. 즉, 함수를 함수의인수... JavaScript개발일지JavaScript 개발일지-(JS공부중, 스파르타 코딩클럽에서 다뤄본 ajax와 jQuery) 그래서, 자바스크립트에서 좀 길게 작성해야하는 코드들을 보다 직관적이고 덜 복잡하게 작성할 수 있는 장점이 있다. 그리고, 이런 제이쿼리가 들어가 있는 상태에서만 다음 형식의 ajax를 사용할 수 있는데, 이를 통해 서버에 데이터를 요청 할 수 있다. 그리고 그 아래 url에는 데이터를 요청할 주소를 적으면 된다. 을 통하여 작성할 수 있다. 이렇게 위의 내용들을 함수에 더하여, 무언가를 누... JavaScriptjquery프론트엔드독학개발일지ajax인강JavaScript 한무강화하기 개발일지(1) - Atlas, TMP, 도트 UI 제작 도트 이미지 제작, import, atlas에 추가하기. 그때 그때, 필요한 이미지를 직접 찍어야 하기 때문에 웹/앱을 모두 제공하는 강화 UI에 사용할 이미지이기 때문에, Asset/UI/Enchant 폴더를 만들어 넣었다. Pixel Per Unit은 이 칸 안에 (가로/세로)몇개의 픽셀이 들어갈 수 있게끔 하겠냐는 것이다. 위에서 만든 Button1(16x16)을 기준으로, Pixel ... Unity한무강화개발일지Unity 📌 javascript 개념 #9 재귀함수 / 수학기본이론 (1) 1. basic recursive function : 기본 재귀함수 재귀함수의 일반적인 형식으로, num이 0이면 0이라는 값을 return해주고, 그렇지 않으면 num에 recursive (num - 1) 함수를 더해준 값을 return 한다. 그렇게 되면 num이 3이면 3 + 2 + 1 + 0 순서로 계산이 되며 마지막은 0 이므로 return 0을 하며 계산이 끝나게 된다. 즉, n부... JavaScript개발일지JavaScript [1일차] 자바스크립트1 URL : 구글에서 서비스하는 웹 사이트 분석 도구 무료로 자신이 운영하는 웹 사이트에 javascript 코드로 적용 가능 누가, 언제, 어떻게 내 웹 사이트에 방문하는지 수준 높은 인사이트 제공 개인 블로그나 쇼핑몰, 회사 홈페이지에도 적용 가능 1. F12(개발자도구) - Console 사용 Math.random()을 이용하여 랜덤한 숫자 추출하기 (1 ~ 100 사이의 수) 크롬에서 ... JavaScript개발일지JavaScript [AndroidStudio, GoogleMap, Firebase] KnockKnock 개발일지 - 0322 (안드로이드와 GoogleMap 연동 후 실시간 위치정보 Firebase에서 업데이트) 오늘의 목표 ✔안드로이드 스튜디오 프로젝트에 GoogleMap API 연동시키기 ✔안드로이드 스튜디오에서 GoogleMap으로 실시간 정보 가져오기 + UI에 찍어내기 ✔실시간 유저 위치 정보를 실시간으로 firebase에 업데이트 하기 오늘의 이슈 ⛔ pedroSG94를 찾을 수 없음 ⛔구글맵이 UI에 나타나지 않는 오류 이곳에서 구글 API 키를 발급받아야 한다. 구글 API 키를 발급받... Firebase개발일지AndroidStudioKnockKnockgooglemapAndroidStudio [2일차] 자바스크립트2 wrap 검색 키 바인딩이 따로 지정되어 있지 않기 때문에 오른쪽 버튼 - 키 바인딩 추가 다른 단축키와 겹치지 않는 단축키로 지정해서 사용할 수 있다. 단축키 : ctrl+shift+p - wrap 입력 - 태그입력 Lorem Picsum 으로 들어가면 랜덤으로 그림을 볼 수 있다. 파일경로로 사용할 경우 " " 안에 넣어주고, html 안에 head 태그에서 style 태그로 스타일을 지... JavaScript개발일지JavaScript [3일차] 자바스크립트3 html 기본 코드 작성 onclick으로 버튼이 클릭될 때 마다 효과 적용 'a'태그마다 id를 달아서 다른 이름을 붙여서 style을 변경한다? 페이지의 'a'태그를 모두 찾아서 반복문을 사용한다. 페이지의 'a'태그를 모두 찾아서 NodeList 형태로 반환한다. 인덱스를 사용해서 요소를 끄집어내서 사용할 수 있다. 아래와 같은 버튼이 2000개 있다. 버튼의 숫자 중에서 100 초과되... JavaScript개발일지JavaScript 이전 기사 보기
Flask에서 페이지 리디렉션 & Bootstrap4 도입 【「책장 자랑」사이트 개발 일지 #2】 개발 단말기: Linux(Ubuntu 17.10) 언어: Python(v3.6.3)※ pip 는 v9.0.1 웹 프레임워크: Flask(v1.0.2) CSS 프레임워크: Bootstrap(v4.0.1) 계속. 구현중인 최신 소스는 페이지 리디렉션 및 404 페이지 추가 CSS 프레임 워크 도입 현재, 톱 페이지에 표시하는 컨텐츠를 생각하고 있지 않기 때문에, 우선 책장 일람 페이지에 리다이렉... Python3개발일지css 프레임워크GAEgcp Python과 GCP의 조합으로 웹 사이트를 만드는 【「책장 자랑」사이트 개발 일지 #1】 업무로 Python과 GCP의 지식이 필요하기 때문에 튜토리얼 등 해 보았지만, 결국은 실전(실제로 움직이는 것을 실전(=인터넷상에) 릴리스한다)이 제일 힘이 붙기 때문에, 해 보는 것 한다. 업무에서는 Golang이나 Angular도 필요할 것 같지만, Golang은 2년 정도 업무 경험이 있으므로 우선도 낮춘다. Angular는 튜토리얼을 다소 했지만, 기능이 많아, Python, GCP... 개발일지GAEgcpPython3 코린이 등장 / 22.04.20 오늘 웹개발 2회차 수업을 들었다. 로그인 페이지까지는 재밌게 만들었는데,, 포스팅박스를 혼자서 만들어보겠다고 의지만 앞서다가 3시간을 낭비,, 암튼 마음 아픈 코린이는 오늘부터 개발일지를 쓰며 성장 기록을 남겨보기로 결심했다! 1회차 수업 _ 로그인 페이지 만들기 background-image: url("..."); background-size: cover; background-positi... 코린이등장개발일지개발일지 [SW사관학교정글] WEEK01 개발일지 - Ⅴ 수학 순열이란 몇 개를 골라 순서를 고려해 나열한 경우의 수를 말한다. 즉, 서로 다른 n개 중 r개를 골라 순서를 정해 나열하는 가짓수이며 순열이라는 의미의 영어 ‘Permutation’의 첫 글자 P를 따서 nPr로 표시한다. 순열은 순서를 고려하기 때문에 [A, B, C]의 리스트에서 2개의 원소를 골라 순서를 정해 나열하면 [(A, B), (A, C), (B, A), (B, C), (... jungle수학개발일지정글jungle [SpringBoot] Custom Exception Response 만들기 API를 작성할 때 따로 Exception Handler를 만들어주지 않으면, Runtime Error시 모두 500 Error로 Response가 가게 된다. FE는 이 에러 코드에서 에러에 원인을 알 수 없다. 이를 해결하기 위해 Custome Exception을 추가하여 FE에게 내용을 전달하도록 해보자! 💡 다양한 상황에서 쓰일 Error Code를 만든다. 상태를 담을 HttpSta... Springboot개발일지Springboot [Test] SpringBoot Test - Service (Mockito) 단위 테스트는 Service Layer의 비즈니스 로직만을 검증하는 것이므로, Repository와 Controller의 영향을 받지 않는 환경에서 테스트를 진행하여야 한다. 테스트의 F.I.R.S.T 원칙 F - Fast: 테스트를 시도하는 것에 있어서 주춤되지 않을 만큼 빨라야 한다. I - Independent: 객체의 상태, 메소드, 이전 테스트 상태, 다른 메소드의 결과에 의존해서는... Springboot넘바개발일지Springboot [SW사관학교정글] WEEK01 개발일지 - Ⅱ 재귀함수 즉, 함수 정의 내에 같은 이름의함수가 올 때 이를 재귀함수라 한다. 재귀함수 사용 시 반드시 탈출 조건이 있어야 stack overflow를 방지할 수 있다. 재귀함수의 호출 및 리턴 과정 모든 함수는 호출되면 메모리에 새로운 공간을 확보해서 매번 전혀 다른 공간에서 작업이 진행된다. 소스 코드에서는 같은 공간처럼 보이지만 실제 실행되는 코드는 전혀 다른 공간에서 이뤄진다 main... jungle재귀함수개발일지정글jungle Boot - Slack Bot 연동하기 그룹이 슬랙과 연동할 경우, 그룹 원들의 상태가 Slack Bot을 통해 표시된다! 에서 Slack Bot 만들기 App Name과 workspace 선택 - AppName의 경우 추후 변경 가능 - workspace가 없으면 app 생성 불가! → 여러 workspace에서 사용하는 bot개발 시, 생성 후 distribution 설정 해야 함 생성 후 Bots 선택! Scope 적용 Re... Springboot두콩개발일지Springboot [Chrome Extension] 웹 페이지 연동 타이머 구현하기 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 해당 탭에 Script를 주입하여 localStorage[”key”] 값을 반환하도록 함 setInterval(): 일정 시간 ... 두콩frontend개발일지frontend [Chrome Extension] 탭 제어 기능 만들기 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭의 상태가 변경될 때 발생 tabId: 변경된 탭의 ID changeInfo: 변경된 내용 tab: 변경된 탭 Object 필요한 changeInfo: status ( unloaded / loading / complete... 두콩frontend개발일지frontend [Chrome Extension] Chrome Storage CRUD 💡 Chrome Storage를 활용한 Extension의 CRUD [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. de... JavaScript두콩개발일지JavaScript [SW사관학교정글] WEEK01 개발일지 - Ⅲ 정렬 버블 정렬 따라서 버블 정렬은 O(N^2)의 복잡도를 갖는 정렬 알고리즘이다. 선택 정렬 선택 정렬은 정렬되어 있지 않은 데이터 중 가장 작은 데이터를 선택하여 맨 앞부터 순서대로 정렬해 나아가는 알고리즘이다. 선택 정렬은 루프문을 통해 모든 인덱스에 접근해야 하기 때문에 기본적으로 O(N) 시간을 소모하며, 최소값을 찾으면 현재 인덱스와 최소값을 서로 swap해야 하기 떄문에 O(N)... jungle정렬개발일지정글jungle 스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 5주차 개발일지 git bash : 인스턴스 접속하는 방법 ssh -i (keypair위치) (ip주소) ex) ssh -i /c/Users/spartakeypair.pem filezilla : 인스턴스와 연결하기 git bash : ec2 설정하기 ubuntu@ip-172-31-40-218:~/sparta2$ sudo chmod 755 initial_ec2.sh ubuntu@ip-172-31-40-218:... 스파르타코딩클럽웹개발개발일지내일배움단webweb Service, Controller 작성 요청에 따른 적절한 응답을 보냄 필드 주입(@Autowired) 대신 사용하는 생성자 주입! 순환 참조 방지 테스트 코드 작성 용이 객체 변이 방지 ( final 키워드 사용 ) 클라이언트가 전송하는 Json 형태의 HTTP Body 내용을 Java Object로 변환 메세지를 변환하는 과정에서 객체의 기본 생성자를 통해 객체를 생성하고, 내부적으로 Reflection을 사용해 값을 할당 →... Springboot개발일지Springboot [chrome extension] setInterval 타이머 타이머를 적용하는 setInterval이 간헐적으로 실행되지 않음 새로운 window를 열었을 때, background.js가 재 실행되면서, tabId가 “”로 초기화 됨 Manifest V3로 이전 되면서, chrome alarms API로 변경 alarms 사용을 위해, Manifest에 Permission ‘alarms’ 추가 when: 시작 시간 periodInMinutes: 이벤트... frontend개발일지두콩frontend [TIL] CSS_빔캠프 특강 (이종찬 강사님) width: 800px; 너비가 줄어든 것을 볼 수 있다. 브라우저가 디폴트로 갖고있는 스타일시트를 알 수 있다. width : auto; > css > background-color 검색 즉, div 안에 있는 컨텐츠의 높이만큼 차지한다. padding : div 전체 크기가 커지게 된다. border: 전체 크기가 커지게 된다. width auto로 하면 옆 공간을 다 쓰게 된다. mar... 프론트엔드스쿨개발일지멋쟁이사자처럼빔캠프TILhtmlCSSCSS 20220418 월요일 오늘은 다같이 이미지에서 작업자를 선별하는 작업하는 작업을 했다. 그제, 어제 학습셋 3개로 사람을 디텍팅해서 사람있음/없음/불확실함으로 나눠뒀었는데 (3개 모두가 사람이 있다고 하면 있음/없다고 하면 없음/결과가 갈리면 불확실함) 결국 전부를 살피자는 의견이 나와서 그렇게 했다. 아쉬웠다. 모두의 시간을 아끼고 싶었는데. 그래도 나눠둬서 도움이 됐다는 얘기를 들었다. 작업자 외의 다른 것들... 개발일지개발일지 기업연계PJT개발일지 오늘 할일 오늘 TIL 오늘 느낀점 22.04.18(월) 오늘 할일 미팅 준비(pjt 계획) kafka 분석 오늘 결과 / TIL window에서 kafka를 설치, 실행해보았다. 주키퍼 실행 카프카 서버 실행 연결 확인(port가 LISTENING 상태 확인) kafka 서버의 기본 포트 : 9092 zookeeper의 기본 포트 : 2181 토픽 생성 (브로커) 카프카 서버 로그로 토픽 ... 개발일지기업연계개발일지 V-RIS 개발일지 (1) 프로젝트 소개 V-RIS : Vegan Restaurant In Seoul 비건과 논비건이 모두 이용할 수 있는 비건 식당 안내 웹 서비스 비건과 논비건이 함께 갈 수 있는 식당은 많지 않다. V-RIS 웹 서비스는 비건 메뉴가 하나라도 있는 식당의 목록을 검색 가능하며 (서울 한정) 비건이 남긴 후기와 논비건이 남긴 후기를 따로 볼 수 있다. 검색기능은 지역, 음식 카테고리, 비건 단계로 검색 가능하며 ... 개발일지개발일지 [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE 📌 javascript 개념 #4 문 : 명령과 흐름을 제어할 수 있으므로 프로그래밍 그 자체이다. 개발자가 주도적으로 코드 작성 - '문' 활용 제어, 식, 공 등이 있다. 중괄호를 중심으로 한다. ( = 중괄호가 있으면 '문') 1) if 문 2) for 문 for loop의 기본 형식 🟧 1번 부분 : 초기화, 리셋 / 기본 상태를 구축하는 것이다. 🟩 2번 부분 : 평가 결과라고 할 수 있다. = 조건을 넣어주어서 식에 ... JavaScript개발일지JavaScript 📌 javascript 개념 #8 콜백함수 콜백함수란 ? -> 나중에 다시 불려지는 함수 -> 특정 이벤트에 의해 호출되는 함수 -> 다른 함수의 인자로써 넘겨주는 실행가능한 코드 콜백함수를 설명한 그림 callback의 일반적 예시 또 다른 예 여기서 보면 더 이해가 잘 되는데, 한마디로 콜백함수는 미리 만들어놓고 가져다 쓴다고 이해하면 편하다. 여기서는 showOk, showCancel를 콜백함수라고 한다. 즉, 함수를 함수의인수... JavaScript개발일지JavaScript 개발일지-(JS공부중, 스파르타 코딩클럽에서 다뤄본 ajax와 jQuery) 그래서, 자바스크립트에서 좀 길게 작성해야하는 코드들을 보다 직관적이고 덜 복잡하게 작성할 수 있는 장점이 있다. 그리고, 이런 제이쿼리가 들어가 있는 상태에서만 다음 형식의 ajax를 사용할 수 있는데, 이를 통해 서버에 데이터를 요청 할 수 있다. 그리고 그 아래 url에는 데이터를 요청할 주소를 적으면 된다. 을 통하여 작성할 수 있다. 이렇게 위의 내용들을 함수에 더하여, 무언가를 누... JavaScriptjquery프론트엔드독학개발일지ajax인강JavaScript 한무강화하기 개발일지(1) - Atlas, TMP, 도트 UI 제작 도트 이미지 제작, import, atlas에 추가하기. 그때 그때, 필요한 이미지를 직접 찍어야 하기 때문에 웹/앱을 모두 제공하는 강화 UI에 사용할 이미지이기 때문에, Asset/UI/Enchant 폴더를 만들어 넣었다. Pixel Per Unit은 이 칸 안에 (가로/세로)몇개의 픽셀이 들어갈 수 있게끔 하겠냐는 것이다. 위에서 만든 Button1(16x16)을 기준으로, Pixel ... Unity한무강화개발일지Unity 📌 javascript 개념 #9 재귀함수 / 수학기본이론 (1) 1. basic recursive function : 기본 재귀함수 재귀함수의 일반적인 형식으로, num이 0이면 0이라는 값을 return해주고, 그렇지 않으면 num에 recursive (num - 1) 함수를 더해준 값을 return 한다. 그렇게 되면 num이 3이면 3 + 2 + 1 + 0 순서로 계산이 되며 마지막은 0 이므로 return 0을 하며 계산이 끝나게 된다. 즉, n부... JavaScript개발일지JavaScript [1일차] 자바스크립트1 URL : 구글에서 서비스하는 웹 사이트 분석 도구 무료로 자신이 운영하는 웹 사이트에 javascript 코드로 적용 가능 누가, 언제, 어떻게 내 웹 사이트에 방문하는지 수준 높은 인사이트 제공 개인 블로그나 쇼핑몰, 회사 홈페이지에도 적용 가능 1. F12(개발자도구) - Console 사용 Math.random()을 이용하여 랜덤한 숫자 추출하기 (1 ~ 100 사이의 수) 크롬에서 ... JavaScript개발일지JavaScript [AndroidStudio, GoogleMap, Firebase] KnockKnock 개발일지 - 0322 (안드로이드와 GoogleMap 연동 후 실시간 위치정보 Firebase에서 업데이트) 오늘의 목표 ✔안드로이드 스튜디오 프로젝트에 GoogleMap API 연동시키기 ✔안드로이드 스튜디오에서 GoogleMap으로 실시간 정보 가져오기 + UI에 찍어내기 ✔실시간 유저 위치 정보를 실시간으로 firebase에 업데이트 하기 오늘의 이슈 ⛔ pedroSG94를 찾을 수 없음 ⛔구글맵이 UI에 나타나지 않는 오류 이곳에서 구글 API 키를 발급받아야 한다. 구글 API 키를 발급받... Firebase개발일지AndroidStudioKnockKnockgooglemapAndroidStudio [2일차] 자바스크립트2 wrap 검색 키 바인딩이 따로 지정되어 있지 않기 때문에 오른쪽 버튼 - 키 바인딩 추가 다른 단축키와 겹치지 않는 단축키로 지정해서 사용할 수 있다. 단축키 : ctrl+shift+p - wrap 입력 - 태그입력 Lorem Picsum 으로 들어가면 랜덤으로 그림을 볼 수 있다. 파일경로로 사용할 경우 " " 안에 넣어주고, html 안에 head 태그에서 style 태그로 스타일을 지... JavaScript개발일지JavaScript [3일차] 자바스크립트3 html 기본 코드 작성 onclick으로 버튼이 클릭될 때 마다 효과 적용 'a'태그마다 id를 달아서 다른 이름을 붙여서 style을 변경한다? 페이지의 'a'태그를 모두 찾아서 반복문을 사용한다. 페이지의 'a'태그를 모두 찾아서 NodeList 형태로 반환한다. 인덱스를 사용해서 요소를 끄집어내서 사용할 수 있다. 아래와 같은 버튼이 2000개 있다. 버튼의 숫자 중에서 100 초과되... JavaScript개발일지JavaScript 이전 기사 보기