목록학습노트 (27)
러너효방
● 유튜버들이 사용하는 유용한 툴🧚 자막작업 whisper /vrew 편집작업 핸드폰 : vllo / CapCut / 루마퓨젼 PC : 파이널컷 / 프리미어 프로 / 다빈치리졸브 트렌드 서치 viewtrap / 판다랭크 bgm Artlist / 유튜브 오디오 보관함 ● 키워드 관련 유용 사이트🧚 1. 블랙키위 https://blackkiwi.net/ 키워드 잡을 때 필요한 사이트 TIP. 블로그글 제목과 본문에 키워드를 넣어야 네이버에 키워드 검색했을 때 여러분의 글이 노출 될 수 있어요! 2. 네이버 데이터랩 https://datalab.naver.com/ 인기검색어 및 인기분야 알 수 있음 ● 디자인 무료 사이트🧚 1. 미리캔버스 https://www.miricanvas.com/ko 무료 디자인 사이..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b1Ccsc/btsyOXaUVa2/VjIfi3BCI68cdxjV5aolh0/img.png)
1. 대상 시장 및 타겟 오디언스: 먼저 브랜드를 어떤 대상 시장과 타겟 오디언스에 맞춰서 구성하려는지를 고려해야 합니다. 어떤 SNS 플랫폼이 해당 시장과 오디언스와 가장 적합한지 파악하세요. 2. 컨텐츠 타입 및 형식: 브랜드화를 위해서는 어떤 종류의 컨텐츠를 제공할 것인지 고려해야 합니다. 텍스트, 이미지, 동영상 등 다양한 형식의 컨텐츠를 고려하며, 해당 컨텐츠 형식을 가장 잘 지원하는 SNS 플랫폼을 선택하세요. 3. 경쟁 분석: 경쟁 업체나 비슷한 분야의 브랜드가 어떤 SNS 플랫폼을 사용하고 있는지 분석해보세요. 이를 통해 어떤 플랫폼이 가장 효과적일지에 대한 통찰력을 얻을 수 있습니다. 4. 플랫폼의 특성: 각 SNS 플랫폼은 고유한 특성을 가지고 있습니다. 예를 들어, Instagram은..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bJdqQJ/btsyLLJkAQv/G1k7EcWFhknUIvZlZJI761/img.png)
교재 : 멘토씨리즈 파이썬 제어문 프로그램의 흐름을 제어하는 문법 프로그램의 흐름 위 > 아래 / 왼 > 오른쪽 으로 읽어간다. 제어문 조건문 조건에 의해서 명령을 실행, 실행하지 않을지 흐름을 제어하는 문법 반복문 조건에 의해서 명령을 반복할지, 반복하지 않을지 제어하는 문법 조건문 조건에 의해서 명령을 실행할지 말지를 정하는 문법 if문조건식이 참일 때 실행하는 명령 만약에 조건식이 참이라면 명령을 실행해라. if 조건식 : 조건식이 참일 때 실행하는 명령 - 만약에 조건식이 참이라면 명령을 실행해라. 활용1) not을 적는 경우 반대로 0보다 클때는 출력이 안됨| 활용2) if문은 항상 print를 들여쓰기를 해줘야 실행됩니다.| 조건문 안에서 실행할 문장은 반드시 들여쓰기를 해야한다. 공백이나 탭..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/CmkDT/btsyMotCbJd/bYMXIi7cd5qIk6O2BK9RZ1/img.png)
교재 : 멘토씨리즈 파이썬 format() 메소드(60p) 형식에 맞춰 연락처 정보를 출력하는 프로그램 연락처 {0}-{1}-{2} 순서대로 표시되며, 명시한 모든 번호는 생략할 수 있습니다. 입력함수 input() 함수명() 입력함수 : 키보드(표준 입력장치로 부터 값을 입력받을 때 사용한다.) 변수명 = input(’’); print(변수명) input함수는 모든 입력을 문자열로 저장한다. 예제1) 예제2) 연산자 연산 기능이 있는 문자 ex)식 : 2+3 연산자 : + 피연산자, 항 : 2,3 1. 산술연산자 +, - , *, / , //, %, ** // : 나눗셈을 하고 몫만 가져온다. % : 나눗셈을 하고 나머지만 가져온다. ** : 제곱연산자 2. 복합대입연산자 변수에 값을 저장하기 위해서 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bmz3T7/btsyJyKsk6r/pEjakPSFSHFjzxyRM4gnNK/img.gif)
bootstrap 의 공백(Spacing) 부트스트랩 기반 템플릿을 사용하던 도중 여러가지 클래스들을 만나게 되었다. py-1 라는 클래스가 궁금해서 시작된 포스팅 😀😀 Box model 박스모델 bootstrap의 공백의 자세한 클래스들을 알아가기 전에, 먼저 박스 모델부터 잠깐 살펴보도록 하자! 박스 모델 은 HTML의 엘리먼트들은 (사각형 모양을 의미하는)박스의 형태를 가지고 있는 것을 말한다. 박스의 크기와 박스간의 간격을 정의하는 다양한 속성이 있다. margin : border를 기준으로 박스의 여백을 지정, 시각적인 요소는 없음 border : 박스의 테두리 padding : 테두리와 content간의 간격 content : 엘리먼트 안에 포함되는 컨텐츠 M/P M : Margin P : P..
I 클라우드 기반 통합 개발환경 서비스 구름 IDE (https://www.goorm.io/) : 개인 PC에 설치할 필요 없이 Docker 컨테이너 기반으로 다양한 SW 프로그램을 개발할 수 있는 '온라인 코딩 테스트 서비스'를 제공 (파이썬 프로그래밍 환경구축하기, 웹투앱 개발 환경 구축하기 등) I 웹 페이지 프레임워크 Bootstrap (https://getbootstrap.com/) : 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크. 반응형 CSS를 통해 스마트폰, 태블릿, 데스크톱까지 다양한 기기에서 웹페이지가 안 깨지고 보이도록 도와주는 도구. Materialize (https://materializecss.com/) : 반응형 CSS 프레임워크. 모던한 디자인을..
👍 폰트 사이트(상업적이용 범위 한번 더 확인하세요!) 폰트 라이선스 공식사이트 상업적 이용 범위 비고 나눔고딕, 명조 네이버 https://hangeul.naver.com/ 모두가능 무료 나눔바른고딕 나눔바른펜 나눔손글씨 붓, 펜 나눔스퀘어 나눔스퀘어 라운드 대한 윤디자인 http://www.19192019.com 모두가능 무료 민국 독립 만세 배달의민족 주아 우아한형제들 https://www.woowahan.com/#/fonts 모두가능 무료 배달의민족 도현 비비트리 고딕 비비트리 https://kr.123rf.com/krfreefont/ 모두가능 무료 비비트리 손글씨 비비트리 나무 하르방 제주감귤 123RF 오픈애즈 스웨거 스웨거 http://swagger.kr/font.html 모두가능 무료 아리..
#UNIT(CSS의 단위) 1. Absolute length (절대값) 예) px, cm, ... 2. Relative length (상대값) 예) rem, em, %, vh, vw, ... -rem을 기본으로 많이 쓴다 단어 줄바꿈으로 변경 word-break: break-all; relative 부모 element를 기준으로 위치한다 부모 : position: relative [기준점 잡기] position: absolute; [그 안에서 움직이기] translate(x,y) item이 원래 위치를 기준으로 이동한다 transform:translate(25px, 50px) X축을 기점으로 이동 transform:translateX(25px); y축을 기점으로 이동 transform:translateY..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bYAlq7/btsyNt2dUaS/55RBbxlAsiGJe4fGOoIKuK/img.png)
API 서버를 테스트하는 프로그램 https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 20 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com 회원가입 후 포스트맨 다크모드 설정 설정 > Settings > Themes > Dark모드 선택 Workspaces > My Workspace API를 테스트 하는곳 메뉴 마우스 hover시 토글 가능 요청 할 탭 열기 localhost:3000 입력 후..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bLQNW8/btsyIMIWLpw/r0Ik6pkWaS6EfaTwxobCW1/img.png)
JWT(json web token)의 약자이다 JWT 형식 json 포맷 토큰 / json : 자바스크립트 오브젝트를 문자열 형태로 작성한것 로그인에 성공할 경우 서버가 발급한다 유저는 매 요청시에 서버에 토큰을 함께 전송한다 매 요청시 토큰을 보내는 이유 http 무상태성 토큰을 사용하여 인증해야해야 합니다. passport 러이브러를 사용 / 예) 여권을 보여주고 입장하는 형태 서버 작동할 시 해당경로로 /social-media-app/server/ 서버 켜기 npm run devstart 에러가 발생할 경우 오타일 확률이 높습니다. 정상 작동시 위 그림과 같이 나옵니다 .env 데이터베이스 연결 주소 변경시 해결되는 경우도 있습니다. 문자로 작성시 오류나는 경우 아래 그림과 같이 127.0.0.1 ..