노트47 VScode에서 python 가상환경 만들기 구글링을 했다. 구글링의 장점과 단점은 정보가 너무 많다는 것이다 초심자인 나는... 어느게 좋고 나쁜지를 구별할 수 없단 말이다 뭔가 비슷한데 뭔가 다른 내용의 코드들... 찾아본 내용 가상환경 만들기 1_ 파일 하나를 만든 뒤 , 터미널을 연다 2_ 터미널은 cmd창으로 설정이 되어 있는지 확인을 한 뒤 가상환경을 만들기 위한 명령어 입력 python -m venv venv 3_ venv폴더가 만들어진 것을 알 수 있다! 인터프리터 설정하기 가상환경을 사용하기 위한 인터프리터를 설정해 주어야 한다 1_ Ctrl + shift + P 상단에 창이 하나 생기는 데, 거기에 Python Select Interpreter를 입력! 2_ 입력을 하고 나면 인터프리터 목록이 표시된다. 파이썬이 여러 버전이 설치.. 2021. 11. 29. 웹개발3 - python가상환경 설정 파이썬 venv? 파이썬 응용 프로그램은 종종 표준 라이브러리의 일부로 제공되지 않는 패키지와 모듈을 사용한다. 즉, 하나의 파이썬 설치가 모든 응용 프로그램의 요구 사항을 충족시키는 것이 불가능할 수도 있다는 얘기다. 이러한 문제에 대한 해결책은 가상 환경 을 만드는 것이다. 파이썬에서 가상 환경(virtual environment)은 하나의 PC에서 프로젝트 별로 독룁된 파이썬 실행 환경(runtime/interpreter)을 사용할 수 있도록 해줍니다. 가상 환경을 사용하지 않으면 PC 내의 모든 프로젝트에서 운영체제에 설치된 하나의 파이썬 런타임을 사용하게 되고 동일한 위치에 외부 패키지를 설치하고 서로 공유하게 됩니다. 이럴 경우, 하나의 프로젝트에서 설치한 패키지의 버전이 다른 프로젝트에서 설.. 2021. 11. 29. Millie 원페이지 만들어본 소감 일단 질렀다. 무작정 만들어봤다 http://soyoung.shop/ 처음보는 에러들을 만나고 구글링도 해 보면서 깊은 빡침과 해결했다는 성취감을 맛봤다 ! 중간중간 만들어가면서 공부했던 것들을 올리고 싶었으나 너무 마구잡이로 했기에... 차마 정리를 못했다 다음번에 만드는 미니PJ는 꼭 정리해서 올려야지 마지막 웹강의를 듣고 내 서버에 Millie미니PJ를 올렸다 아직 부족한 점이 무척 많아서 더더 시도해보고 싶지만 이번 미니PJ는 여기까지 하는거로! 아쉬운 점 메뉴버튼 클릭했을 때 다른 크롤링 결과물이 나오게 하는거... 알듯말듯... index.html에 연결된 login / regist / mybookpage 를 flask에서 연결 못시킨거! mybookpage에서 생각했던 기능을 구현하지 못한 .. 2021. 11. 29. 웹개발 - AJAX 지금의 기록이 나중엔 문제 해결의 실마리가 된다 당장 모든것을 알지 못해도 괜찮다 분명히 언젠가 쓸 일이 생긴다 Ajax는 뭔가? Ajax는 JavaScript의 라이브러리 중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 전체 페이지를 새로 고침하지 않고도 페이지의 일부 데이터를 로드하는 기법이다. 즉 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이라고 할 수 있다. Jquery와의 시너지 일반 Javascript만으로 Ajax를 하게 되면 코딩량이 많아지고 브라우저별로 구현방법이 다른 단점이 있는데, jquery를 이용하면 더 적은 코딩량으로 대부분의 브라우저에서 같은 동작을 할 수 있게 .. 2021. 11. 28. 서버와 클라이언트 통신 - GET요청 서버와 클라이언트 통신 - GET요청 HTTP HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜입니다. 클라이언트가 HTTP 프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송합니다. 이 때, HTTP 요청에 포함되는 HTTP 메소드는 클라이언트가 웹 서버에게 사용자 요청의 목적이나 종류를 알리는 수단이다. 대표적으로 GET과 POST이 있다. GET GET은 요청을 전송할 때 필요한 데이터를 Body에 담지 않고, 쿼리스트링을 통해 전송합니다. URL의 끝에 ?와 함께 이름과 값으로 쌍을 이루는 요청 파라미터를 쿼리스트링이라고 부릅니다. 만약, 요청 파라미터가 여러 개이면 &로 연결합니다. 쿼리스트링을 사용하게 되면 URL에.. 2021. 11. 28. pyCharm과 VScode 사이에서 강의에서는 PyCharm을 이용하여 웹개발을 했다. 처음 접해본 개발툴이 VScode였어서 나는 pyCharm이 조금 불편했다. 공부도 해볼겸, 강의로는 PyCharm을 나 스스로 공부하는 건 VScode로 개발공부를 하는 중이다 무작정 따라하면서 해보긴 했지만 pyCharm과 VScode의 개발 환경은 다른점이 많았고...... 에러도 많았다! 으하 그만큼 구글링도 많이 하게되고 새롭게 알게 된 부분도 많았다 까먹기 전에 내가 찾아본 자료들과 공부한 내용을 정리해야겠다 2021. 11. 27. 웹개발 2 처음 웹개발 강의를 듣기 시작했을 때의 목표는 일단 몰라도 처음부터 끝까지 들어보자였다. 하나의 웹페이지가 만들어지기까지 어떤 과정을 거져야 하는지 알고싶었기 때문이다. 4주차까지 듣고나서야 이 부분은 왜 이렇게 되는거지? 하는 의문이 생겼다 무작정 따라하는 것에서 한 발자국 나가서 스스로에게 질문을 하며 검색을 하기 시작했다 그 첫 부분이 서버-클라이언트 통신 부분이었다 '아! 개발자란 이런거구나!' 라고 생각했던 나의 생각이 깨지는 순간이었다. '나는 개발자의 ㄱ도 알지 못했던 거구나' 라는 생각이 절로 든다 물론! 내가 '알고 있다'는 생각은 전혀 하지 않는다 매일 공부를 하면 할수록, 뭔가를 만들면 만들수록 공부해야 할 것들이 넘쳐나고 있기 때문이다 HTML CSS JavaScript 는 좀 친숙.. 2021. 11. 26. 웹개발2 - JQuery QUIZ 사용했던 코드를 복붙해서 사용하면 된다고 하지만 어디에 무엇이 쓰이는지 알지 못하면 코드가 있어도 무용지물이다 만들고 만들고 만들어봐야 내가 진짜 할 수 있는게 된다고 생각한다 1번째 QUIZ 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 function q1() { let input = $('#input-q1').val() // 1. input-q1의 입력값을 가져온다. if (input == ""){ // 2. 만약 입력값이 빈칸이면 alert('입력하세요'); // 3. alert('입력하세요!') 띄우기 }else{ // 4.입력값이 빈칸이 아니라면 alert(input).. 2021. 11. 26. 웹개발2 - JQuery JQuery 미리 작성된 자바스크립트 코드. 아. 완전 간단해. 뭐든 깊이 들어가면 어렵지만 일단 지금은 간단함. JQuery를 임포트해야 사용할 수 있다 1_ input값 가져오기 콘솔에서 확인해봄 input값을 바로 가져오거나 수정할 수 있다 => $(‘해당ID값’) . val() 2_ text값 바꾸기 콘솔에서 확인해봄 text를 바꿀 때는 => $(‘해당ID값’) .text를 사용 3_ 해당id값 보였다가 사라지기 4_ 해당id의 css값 확인하기 , 바꾸기 1_ css style값을 확인할 수 도 있고 2_ css값을 바꿀 수도 있다 5_ html 코드 붙이기 temp_html 변수에 `백틱으로 html태그`를 저장하고 $('html추가할부분 id').append(temp_html) 코드를 작성.. 2021. 11. 26. 이전 1 2 3 4 5 6 다음
