분류 전체보기
-
코딩이 쉽도록 도와주는 사이트방뚝딱 학습노트 2023. 8. 5. 00:17
I 클라우드 기반 통합 개발환경 서비스 구름 IDE (https://www.goorm.io/) : 개인 PC에 설치할 필요 없이 Docker 컨테이너 기반으로 다양한 SW 프로그램을 개발할 수 있는 '온라인 코딩 테스트 서비스'를 제공 (파이썬 프로그래밍 환경구축하기, 웹투앱 개발 환경 구축하기 등) I 웹 페이지 프레임워크 Bootstrap (https://getbootstrap.com/) : 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크. 반응형 CSS를 통해 스마트폰, 태블릿, 데스크톱까지 다양한 기기에서 웹페이지가 안 깨지고 보이도록 도와주는 도구. Materialize (https://materializecss.com/) : 반응형 CSS 프레임워크. 모던한 디자인을..
-
Font 모음, 디자인 참고자료방뚝딱 학습노트 2023. 8. 5. 00:14
👍 폰트 사이트(상업적이용 범위 한번 더 확인하세요!) 폰트 라이선스 공식사이트 상업적 이용 범위 비고 나눔고딕, 명조 네이버 https://hangeul.naver.com/ 모두가능 무료 나눔바른고딕 나눔바른펜 나눔손글씨 붓, 펜 나눔스퀘어 나눔스퀘어 라운드 대한 윤디자인 http://www.19192019.com 모두가능 무료 민국 독립 만세 배달의민족 주아 우아한형제들 https://www.woowahan.com/#/fonts 모두가능 무료 배달의민족 도현 비비트리 고딕 비비트리 https://kr.123rf.com/krfreefont/ 모두가능 무료 비비트리 손글씨 비비트리 나무 하르방 제주감귤 123RF 오픈애즈 스웨거 스웨거 http://swagger.kr/font.html 모두가능 무료 아리..
-
Js / Jquery 특징방뚝딱 학습노트 2023. 8. 5. 00:06
자바스크립트 특징 오래됐고, 발전이 빠름 인터프리터 언어 (순차적으로 소스를 해독해나감) 해독을 알아서해줌 (java 같은 언어는 컴파일이라고 하여 별도로 해독을 시켜줘야함) 자바스크립트 소스 드럽고 길어서 jquery로 사람들이 많이 씀 jquery 특징 편함 소스짧음 (그만큼 함축되어있는 의미가 많음) $(선택자) 로 뭔가를 부름 하다보면 암 script 선언 위치는 헤더에 작성하라 하지만 딱히 권고사항아님.. 요즘엔 하단에 작성하기도 함 자바스크립트 기초 변수선언 3가지 (var, let, const) 변수는 컴퓨터한테 내가 {변수명}에 어떤 {값}을 넣어줄 거야 라고 알려주는거 (마치 애키우는거랑 똑같음 안 알려주면 못 알아먹음...) 세미콜론 마지막에 빼먹으면 반성해주세여 **{변수명}**은 본..
-
CSS 용어 모음방뚝딱 학습노트 2023. 8. 4. 23:54
#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..
-
PM 입문신퉁방퉁 2023. 8. 4. 23:23
2022 프로덕트 기획을 위한 UX적 발상법과 사내의 커뮤니케이션 에스노라그라피 조사 : 디자인, 마케팅 등의 분야에서 어떤 목적을 가지고 정답에 가까워지기 위해서 사용자(소비자)를 관찰하고 기록하는 정상적 리서치 방법의 하나 퍼실리테이션 : 소통 및 협력 촉진을 위한 합의 과정 담당자 자신이 ‘내 일’이라고 생각하는 자세를 갖는다. 본인의 실감이 중요하면, 디자인 씽킹을 유연하게 그리고 임기응변으로 능숙하게 활용하는 기술이 필요하다. 26p 프로덕트 개발을 위해 알아야 하는 것들 다른 입장에서 여러 관점을 도임하면 새로운 반경이 있을 수 있고, 생각지도 못한 가치를 창출할 수 있다는 것을 알기 때문이다 자신의 생각과 외부의 관점이 충돌하게 되면 상승효과를 얻을 수 있다는 것을 알고 있기 때문에 수주처를..
-
조직을 성공으로 이끄는 프로덕트 오너신퉁방퉁 2023. 8. 4. 23:17
하나의 프로덕트에 대한 책임을 지고 기획, 분석, 디자인, 개발, 테스트, 출시, 운영까지 주도하는 사람이다(미니 CEO라 불림) PO의 역할 : 실질적으로 고객이 무엇을 필요로 하는지 끊임없이 분석하고, 선보이려는 서비스가 사업 목표와 부합하는지 검증한다. 그리고 개발자나 디자이너 같은 메이커와 새로운 기능을 만들거나 기존 서비스를 개선한다.(최적의 개발 방향성을 제시한다.) 독재자형 리더는 안된다. 프로덕트 매니저(PM)와 PO는 넓게 보면 동일 직무라고 볼 수 있고, PO는 애자일 개발 방법인 스크럼에 존재하는 타이틀이므로, 편의를 위해 본서에서는 이 둘을 동시에 신용 프로덕트를 이끄는 것은 실제로 무언가를 손으로 만들어내는 과정에 사업 전략을 접목하는 것이라 표현한다 장기적으로 봤을 때 , 프로덕..
-
POSTMAN 설치방뚝딱 학습노트 2022. 12. 19. 00:18
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를 테스트 하는곳 요청 할 탭 열기 localhost:3000 입력 후 > 위 그림과 같이 나올 시 접속 ..
-
JWT방식으로 Auth(Authorization, 인증)방뚝딱 학습노트 2022. 12. 18. 23:25
JWT(json web token)의 약자이다 json 포맷 토큰 / json : 자바스크립트 오브젝트를 문자열 형태로 작성한것 로그인에 성공할 경우 서버가 발급한다 유저는 매 요청시에 서버에 토큰을 함께 전송한다 매 요청시 토큰을 보내는 이유 http 무상태성 passport 러이브러를 사용 / 예) 여권을 보여주고 입장하는 형태 서버 작동할 시 해당경로로 /social-media-app/server/ 서버 켜기 npm run devstart 에러가 발생할 경우 오타일 확률이 높습니다. .env 데이터베이스 연결 주소 변경시 해결되는 경우도 있습니다. 문자로 작성시 오류나는 경우 아래 그림과 같이 127.0.0.1 로 변경하시기 바랍니다. 환경변수를 수정하면 서버를 재부팅해야 적용이 됩니다 서버 켜기 ..