본문 바로가기
반응형

분류 전체보기

 (240)
[웹개발 전반 개념 간단 정리] 프론트엔드/ 백엔드/프레임워크 📌Frontend & Backend 👉프론트엔드[클라이언트] - 사용언어: html, css, js 👉백엔드 [서버/DB/ API/데이터 통신] -사용언어: js, java, go, php, python, kotlin, swift 등등 📌프레임워크 = 미리 환경을 준비해주는 밀키트같은 녀석 프레임워크의 장점 👉구조화 (유지보수 용이) 👉시간단축 (인건비 감소) 📌프론트/ 백엔드 각각 다양한 프레임워크가 존재 1) 백엔드 웹 프레임워크 : 정적 사이트 제작 가능 👉각 언어별로 프레임워크가 다름 백엔드 언어 사용가능한 프레임워크 js express php laravel java spring python django, flask 📌정적 사이트 vs SPA 👉정적 사이트 페이지 전환마다 html, css, js..
서핏 Surfit 에 업로드된 후, 통계로 보는 🔥서핏의 화력🔥과 인사이트 🚀갑자기 방문자 수가 치솟다 갑자기 티스토리 방문자 수가 평소와 다르게 513명으로 치솟았다. 이게 무슨 일인가 하여, 최근 7일 통계를 확인해보니 인기글 1순위에 최근에 포스팅한 🚀[APP/WEB 탐사] Surfit 서핏, 디자이너를 위한 디자인 콘텐츠 큐레이션 서비스 가 차지하고 있었다. 📌아웃라이어의 원인을 찾아서👉유입경로 따라가기 보다 자세한 내용을 확인하기 위해, Tistory의 '유입경로'를 확인해보았다. 평소와 다른 점을 발견할 수 있었는데, 하루동안 유입된 로그 중에 Tistory 메인 페이지와 "https://www.surfit.io/"라는 좌표가 반복적으로 등장했다. 설마..? 하고 재빨리 서핏을 확인했다. (합리적 의심) 평소 애용하던 '서핏'에 대해 작성했던 나의 포스팅이, 서핏 상..
[SOPT, 지옥의 깃터디] Git, Github 스터디 1일차 📌오늘 스터디의 목적: 깃에서 할 수 있는 작업, 깃허브에서 하는 작업의 차이를 구분하기 📌버전관리 시스템(VCS) Git, Github👉CI : 내가 지금 하는 작업이 이전 작업에 영향을 끼치지 않는다는 것을 지속적인 검증 (신기능 추가시 예전 기능이 오류가 생기는 것을 방지하는 과정)👉CD :커밋만 하면, 알아서 Deploy해주는 작업 Git, Github의 차이점 👉Git: 다른 서버에 연결하지 않고(네트워크 없이) 로컬에서 저장소(소스 코드들을 모두 저장해놓는 곳)를 만들고, 되돌리고 등의 작업할 수 있는 것. 👉Github:(원격 저장소의 개념) 새로운 작업을 서버에 push(저장)해주는 것_push를 통해 서버의 저장소와 동기화를 해주는 것. (commit은 로컬의 저장소에 저장해주는 것) 📌..
🚀 [APP/WEB 탐사] Surfit 서핏, 디자이너를 위한 디자인 콘텐츠 큐레이션 서비스 🙌이 글이 서핏에 올라갔어요! 👉서핏에 올라간 후기 살펴보기! 서핏Surfit에 업로드 되고 체감한 🔥서핏의 화력🔥과 유입 통계로 보는 인사이트 서핏 Surfit에 업로드 되고 체감한 🔥서핏의 화력🔥과 인사이트 🚀갑자기 방문자 수가 치솟다 갑자기 티스토리 방문자 수가 평소와 다르게 513명으로 치솟았다. 이게 무슨 일인가 하여, 최근 7일 통계를 확인해보니 인기글 1순위에 최근에 포스팅한 🚀[APP/WEB � deep-wide-studio.tistory.com 🌈탐사할 서비스 선정에 대한 퀵오버뷰 📌서비스 명: Surfit, 서핏 📌서비스 주요 기능: 디자이너를 위한 디자인/스타트업 필드 관련 콘텐츠 큐레이션 서비스 📌선정이유 1. 콘텐츠 큐레이션 평소 웹/앱 프로덕트/디자인/브랜딩/스타트업 관련 아티클..
[생활코딩 JS] object inheritance 객체 상속 (자바스크립트 객체지향 프로그래밍 시리즈) 📌클래스를 통한 상속이 아닌, 객체를 통한 상속에 대해 알아보고자 한다. ✍️ 주류 클래스 기반 객체지향언어의 방식 객체의 속성은 클래스 단에서 이미 결정이 된다. 객체가 다른 객체의 속성을 상속받을 수 없다. 그러나 자바스크립트에서는 다르다! 자바스크립트에서는 가능하다. 객체가 직접 다른 객체로부터 상속받을 수 있고, 얼마든지 상속관계를 바꿀 수 있다는 것! 또 다른 객체로부터 상속받기를 원한다면, 링크 교체를 통해 간단하게 상속관계를 바꿀 수 있다. 이 링크를 'prototype link'라고 한다. 이 링크가 가리키고 있는 객체를 'prototype object'라고 부른다. 📌__proto__를 이용해서 상속받을 수 있다. or 📌Object.create(); 를 이용해서 상속받을 수 있다.
자바스크립트의 클래스와 오브젝트의 차이점 알아보기(feat. 파이썬이랑 뭐가 다를까?) 📌 클래스와 오브젝트 붕어빵 틀(template) : 클래스 object: 팥을 넣으면 팥붕어빵, 크림 데이터를 넣으면 크림 붕어빵! ✅파이썬에서의 클래스와 객체 개념과 같다. 둘다 객체지향언어! 📌자바스트립트에서 클래스 사용하는법 파이썬과 다르게 자바스크립트에서는, 클래스를 선언하기 위해 'constructor'가 필요하다. 파이썬에서는 def 와 self를 사용했다면, 자바스크립트에서는 'constructor/method와 this'를 이용한다. 구조는 유사하다. 또한 오브젝트를 생성할 때도 차이가 있다. 파이썬에서는 별다른 별도 코드 없이 그냥 생성하면 되는데, 자바스크립트에서는 const와 new를 써준다. 📌 Getter & Setter incapsulation => private 만드는 것 클..
[파이썬] 파이썬 클래스 이해하기 📌점프 투 파이썬_ 클래스 스터디 목차 점프 투 파이썬 클래스 : 초보 개발자를 위한, 클래스의 개념 A-Z, 기초부터 차근차근! 클래스는 왜 필요한가? 클래스와 객체 사칙연산 클래스 만들기 클래스를 어떻게 만들지 먼저 구상하기 클래스 구조 만들기 객체에 숫자 지정할 수 있게 만들기 더하기 기능 만들기 곱하기, 빼기, 나누기 기능 만들기 생성자 (Constructor) 클래스의 상속 메서드 오버라이딩 클래스 변수 📌클래스와 객체 ✍️클래스와 객체의 개념: 과자 틀과 틀에 의해 만들어진 과자 ✍️클래스를 어떻게 만들기 먼저 구상하기 클래스는 무작정 만드는 것보다 클래스로 만든 객체를 중심으로 어떤 식으로 동작하게 할 것인지 미리 구상한 후에 생각한 것들을 하나씩 해결해가면서 완성해나가는 것이 좋다. 📌더 ..
[생활코딩 리액트] 이벤트 state 변경하기 (feat. bind 함수, setState함수) 📌이벤트 설치 (1); 테스트 (링크 클릭시, alert창 띄우기) 📌이벤트 설치 (2); 다음페이지로 이동 중지 📌"mode 설정 & render 부분"과 "이벤트를 설치한 부분"을 연결해주면 된다. ⇢🔗 연결시키는 방법 *이벤트 함수 안에서 'this'의 값은 아무것도 가리키지 않게 되기 때문에 오류가 뜬다.* ⇢ 이벤트 함수 바로 뒤에, '.bind(this)'를 추가하여 this의 값을 생성할 수 있다. ✚ 또 하나의 작업이 필요하다. 리액트의 언어 'setState({})'로 모드를 전환해주어야 작동하기 때문. this.state.mode = 'Greeting'; 으로는 작동하지 않는다. 리액트 언어로 모드 전환을 해주니, 비로소 위에서 세팅해준 greeting의 모드의 값들로 로드가 되었다. ..
728x90
반응형

티스토리툴바