profile
Perfectly imperfect ✨
post-thumbnail

[python/flask] Flask 시작하기

Flask는 Python으로 구동되는 웹 프레임워크로, 간단하게 기능을 설명하면 내가 만든 프로그램에 서버를 구동시켜주는 편한 코드 모음이라고 할 수 있다. 서버를 구동하기 위해 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. 파이썬의 다른 프레임워크인 Django

4일 전
·
0개의 댓글
post-thumbnail

[HTTP]웹에서 HTTP란 뭘까?

지금까지 주로 봤던 html, css, javascript에 대한 지식들은 말하자면 웹의 앞단을 다루는 영역이었다. 하지만 모든 것에는 앞면과 뒷면이 있듯이 겉과 속을 이루는 구조 전체를 알지 못하면 이 웹의 세계라는 퍼즐조각이 맞춰지지 않는다. 프로그래밍 세계에 있

4일 전
·
0개의 댓글
post-thumbnail

[WeStudy] 2주차 스터디 회고

공부를 꾸준히 하긴 했는데 이번주에는 블로그 갈아타고 싶다는 생각이 또 치밀어오르는 바람에 (결국 핑계) 블로그 포스팅도 하나도 하지 않았고...눈에 띌만한 결과물을 그럴듯하게 만들어내지도 못해서 맴이 씁쓸한것이 현실이다. 공부를 뭔가 하긴 했는데 왜 항상 일주일의 끝

5일 전
·
0개의 댓글
post-thumbnail

[html/CSS] 웹사이트 클론 코딩 project 2 (feat. 위코드 사전스터디 1주차)

위코드에서 개강을 4주 앞두고 드디어 사전 스터디 팀이 꾸려졌다. 팀원들과 만나서 간단하게 4주동안 할 스터디의 방향엥 대해 얘기를 해봤고 1주차에 html과 css를 이용해서 자기소개 페이지를 만들고 모여서 결과를 공유하기로 했다. 안그래도 나는 css파트가 너무 부

2020년 3월 27일
·
0개의 댓글
post-thumbnail

[html/CSS] 웹사이트 클론 코딩 1

SCSS 설치의 늪을 드디어 벗어나고....😂 드디어 웹사이트 디자인 클론 코딩 시작했다. 휴.. 비교적 간단한 디자인 구성이라 쉽게 생각했는데 의외의 복병들이 좀 있었다. 모든 코딩이 그렇겠지만 CSS는 한번 꼬이기 시작하면 속수무책으로 머리가 아파져서 중간에 울고

2020년 3월 24일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽 3주차 ] 2. OpenApi를 활용해서 Ajax로 데이터통신하기 연습!

랜덤으로 숫자를 입력하고 버튼을 클릭할때마다 그 의미를 알려주는 api를 활용한다.그리고 숫자가 입력되지 않았을때는 입력하라는 경고창을 띄운다. API 링크(http://numbersapi.com/\`\`\`html1.api의 url을 살펴보면 맨 마지막에 랜

2020년 3월 23일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽 3주차 ] 1. Ajax로 서버와 비동기 통신하기

드디어 스파르타코딩클럽 3주차, 백엔드 파트에 들어갔다. 다음주에 DB에 관한 것까지 배우면 이렇게 웹개발의 한 사이클을 (겉핧기식으로) 경험하게 된다. 이렇게 짧은시간동안 웹개발을 배울 수 있다고? 싶었는데 어찌어찌 배우게 되는구나 싶어서 좀 신기하다. 그리고 2주

2020년 3월 23일
·
0개의 댓글

[자바스크립트] 유효범위(scope) 개념정리

유효범위(scope)는 변수가 선언되고 사용되는 맥락(context)을 말한다. 전역범위(global scope)에서 변수는 코드블럭의 바깥쪽에서 선언된다. 이러한 변수를 전역변수(global variable) 라고 부른다. 전역변수는 코드블럭을 포함한 프로그램의 모든

2020년 3월 20일
·
0개의 댓글

[웹 기초] UI & API 에 대한 정리

링크생활코딩 javascript 강의 중 ui & api 에 대한 강의를 듣고 그 내용을 정리해봤습니다. UI는 기본적으로 애플리케이션(이하 앱)을 사용하는 사용자(user) 가 시스템을 제어할 수 있게 만들어주는 기능을 지칭한다. 웹 사이트를 예로 들면 메뉴바, 스크

2020년 3월 18일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽 2주차 ] 2.Javascript 예제 풀어보기 (함수, 조건문, 반복문)

Q1. '기사저장' 버튼을 클릭할때마다 숫자가 증가하는 onclick 함수 만들기 여기서 잠깐! onClick 태그란? html에서 button에만 사용가능한 태그로서, 버튼에 대한 클릭이 일어났을때 반응하는 함수를 받는다. (input에는 적용되지 않는 것 주의하

2020년 3월 16일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽 2주차 ] 1.Javascript 새로 알게된 내용 정리

이미 몇 차례 공부했던 자바스크립트 개념이지만 왜 항상 새롭고... 예제를 맞닥뜨리면 내 머리는 하얘지는것인가...하하하하. 난 학교다닐때도 수학 공부할때 응용력이 꽝이었는데 개발공부하며 다시 그때 느낌이 생각났다. 개념을 공부하고 실전문제풀이할때의 그 속은 기분...

2020년 3월 16일
·
0개의 댓글
post-thumbnail

[CSS] Flexbox 개념 정리 (넘나 중요)

사실 줄곧 CSS의 중요성에 대해 낮게 생각하고 있었다. 그래서 도장깨기하듯이 프로그래밍 언어를 하나씩 빨리 습득해나가야 한다고만 생각하고 자바스크립트와 파이썬에 대해서만 매달리고 있었다. CSS를 공부하면서 내가 디자이너 준비를 하는 것도 아니고 이렇게 디자인적인 부

2020년 3월 14일
·
0개의 댓글

[python] Building Web-scrapper : Requests 모듈 / BeautifulSoup으로 데이터추출 하는법

Web-scrapping 이란? 웹사이트 상에서 원하는 부분에 위치한 정보를 컴퓨터로 하여금 자동으로 추출하여 수집하는 기술 어떻게 웹스크래퍼를 빌딩할까? 1) 파이썬으로 url에 접근하기 2) 몇페이지에 걸쳐서 데이터가 존재하는지 파악하기3) 페이지에 하나씩 접근

2020년 3월 12일
·
0개의 댓글

[TIL] 200311, Wed: python 개념 짤막 정리 (Data type, List & Tuple, Dictionary, Function, Conditionals, Module )

파이썬 기초 이론 공부(Data type, List & Tuple, Dictionary, Function, Conditionals, Module)세계에서 가장 인기있는 언어.웹개발, Graphic User Interface Development, 소프트웨어 개발, 과학

2020년 3월 12일
·
0개의 댓글

[TIL] 200310, Tue: JS로 Painting board 제작 2 (Canvas태그로 픽셀조작 - 브러쉬사이즈 변경, 모드변경,이미지 저장하기 )

html 에 input 타입 중 range를 이용해서 브러쉬의 최대값, 최소값, 디폴트값, 조절간격을 설정해뒀었다.그걸 캔버스로 옮기기 위해서는 range에 대한 이벤트리스너를 이용한다. 참고1: range에 대한 이벤트리스너 실행은

2020년 3월 11일
·
0개의 댓글

[TIL] 200309, Mon : JS로 Painting board 제작 1 (Canvas태그로 픽셀조작 - 선긋기, 색변경하기 )

Done today 자바스크립트를 이용하여 페인팅 보드 툴을 만들어보며 canvas에 대해 공부했다. 선긋기, 색변경, 브러쉬 사이즈변경,모드변경(Fill<->Paint), 저장하기, 클리어하기(응용) New learning 1. Canvas 개념

2020년 3월 10일
·
0개의 댓글

[TIL] 200305, Thu : JS 현재위치 받아 로컬스토리지 저장하기 / API로 외부데이터값 가져오기

Todo list 제거 기능 복습 앱 현재 위치 받아서 로컬스토리지 저장하기API 이용해서 외부 데이터 적용하기 1-1. 임의의 숫자 생성하기 Math.floor(): 숫자를 (바닥으로) 내림하여 정수로 만든다. Math.ceil(): 숫자를 (천장으로) 올림하여 정

2020년 3월 6일
·
0개의 댓글

[TIL] 200304, Wed: JS to-do list 만들기 (Array.forEach / Array.filter / JSON)

복습 : 모멘텀 시계파트, 유저이름 로컬스트리지에 저장하기어려웠던부분시계는 어렵지않게 만들었지만 아직 유저이름 저장하는건 쉽지않다. 특히 처음에 유저이름 변수 선언하는게 자꾸 헷갈린다. 2.addEventlistener부터 급격하게 어려워진다. 이벤트함수를 선

2020년 3월 4일
·
0개의 댓글

[TIL ] 200303 Tue; JS 시간 설정하기 / localStorage로 유저이름 저장하기

어제공부 복습과 velog정리classList.add / remove / contains / toggle 바닐라자바스크립트 모멘텀 만들기 step 1. clock step 2. getting and saving user namevelog 기록 방향 고민과 TIL 쓰는

2020년 3월 3일
·
0개의 댓글
post-thumbnail

[자바스크립트] classList.add/ remove / contains / toggle

코딩을 할 때 효과적인 방식은 html은 html파일에만 쓰고 css는 css파일에만 쓰고 자바스크립트는 로직만 처리하게끔 분리하는것이다.간단한 예시로 어떻게 자바스크립트가 로직을 처리하며 html과 css를 조작할 수 있는지 알아보자.다음의 html과 javascri

2020년 3월 3일
·
0개의 댓글