다람쥐줘라줘

에게해 스터디원들과 함께하는 CS 간단 발표 및 독후감🐤

[1일1로그 100일 완성 IT지식] 15번 '캐시가 뭔가요?' 

캐시 - 캐시는 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓은 임시 장소를 가리킨다. 캐시는 캐시의 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다.

(출처- 위키백과)

일단 정의를 가지고왔는데 읽어봐도 느낌이 안온다..

쉽게 말하면 프로세서(CPU)는 정보를 엄~청나게 빨리 처리하는데 비해 메인메모리(RAM)가 상대적으로 느려서 사이에

캐시라는 빠른애를 이용하는겁니다.

'그럼 캐시를 잔뜩달면 메인 메모리 필요없는거 아닌가?' 싶지만 캐시는 용량이 적습니다. 가장 큰 캐시가 몇 MB정도 밖에 담을 수 없어서 대체는 힘들것 같네용.

캐시의 효과를 직접 보고싶으시면 크롬 프로그램을 실행한 후 로딩이 완료되고 사용할 준비가 끝날때 까지의 시간을 보시면 됩니다! 처음에 켰을때는 약~간 시간이 걸리겠지만 잠깐 껐다가 다시 켜보면 처음보다 훨씬 빨리 로딩이 완료되는 모습을 볼 수 있습니다. 

2번째에는 컴퓨터가 캐쉬에서 크롬 데이터를 가지고있다가 바로 꺼내서 건내주기 때문이죠! 

에게해 스터디원들과 함께하는 CS 간단 발표 및 독후감🏄‍♂️

[1일1로그 100일 완성 IT지식] 14번 '프로세서는 무조건 빠른 게 좋을까?' 

프로세서는 무슨 일을 했었지? 기억이 안나니까 잠깐 복습을 해보자면~

프로세서는 아래의 사이클을 계속 반복 수행합니다!

인출(Fetch): 메모리에서 다음 명령어를 가져온다.

해석(Decode): 명령어가 무슨 일을 하는지 알아낸다.

실행(Execute): 명령어를 실행한다. 

 ->인출 단계로 되돌아간다.

어제 자 CS독후감인 프로세서와 계산기의 다른 점에서 들었던 for문 예제로 설명을 드리자면

1부터 10까지 더하는 로직의 함수를 실행할때,

위에서부터 차례로 실행이 되니까,

sum 을 선언해주고 -> for문이 1부터 10까지 돌아가고 -> 1~10의 합이 sum에 담기고 -> 마지막에 sum을 return 해준다.

하나하나의 명령어들이 인출되고 해석(우리는 for문이지만 컴퓨터는 이진법으로 해석해 이해하는 과정을 거친다) 되고 실행하는 사이클이 돌아간다.

그럼 주제로 돌아와서,

오랜 기간 동안 프로세서는 데스크톱 컴퓨터에서 주로 사용되었습니다. 휴대폰이나 맥북처럼 휴대성을 고려하거나 본체 안의 팬으로 열을 분산 시킬 방법이 있었기 때문에, 프로세서의 기능은 빨리 작동하도록 하는게 목표로서 발전되었죠!

하지만 기술력의 발전으로 다들 들고다니는 휴대폰, 노트북, 각종 전자기기들이 하나의 컴퓨터라고 할 정도의 기능을 갖추게 되었고 cpu 또한 대부분 내재되어있습니다~

예전과 달리 프로세서는 기능은 더욱 빨리가 아닌 크기나 무게, 전력 제약등등의 문제를 고려해야 하기 때문에

소비자의 요구의 방향성에 맞추어 프로세서의 발전이 이루어질거라 생각됩니다. 이상! 

1. 프로젝트 명
   • 걸어 개발자야
2. 소개

• 산책하기 좋은 장소를 추천해주는 웹 페이지!

1. 와이어 프레임 (완성본으로 수정)

*메인 페이지

각각의 '구' 클릭시 해당 '구'에대한 공원을 알려줌.

상세보기 클릭 시 로그인 요구

회원가입 화면

로그인 후 다시 상세보기 클릭하면 해당 공원의 정보를 주는 페이지로 이동

네이버 좌표 API 사용했고  공원 Open API 사용하여 공원에 대한 지도와 내용을 가져옴.

아래 후기에 공원마다 후기 남길 수 있음

로그아웃 하면 다시 초기 페이지로 넘어감.

4. 개발해야 할 기능들

-사용한 오픈API (http://openapi.seoul.go.kr:8088/6a4c6750656c6a63363572677a7573/json/SearchParkInfoService/1/132)

5. public github repo 주소

https://github.com/chipmunkcol/project_03

6.Trouble shooting!

JWT 코드 사용시 오류

유틸페이지 구현의 어려움..

7.발표 후

시간이 있었으면 더 구현하고 싶었던 것 → 구현해보자.

SSR 이란?

Git Git Git….!!!!!!!

주특기 미리 공부를 해야된다 (이번에 겪어봤자네…)

UI & UX(가 진짜 중요하다고함) Loading spinner? 가 좋다는데?

DB에 num & done 값 주기(플라스크)

아니 이게 뭐라고 생각보다 어렵네..?

위에 처럼 글별로 체크 하는 기능은 좋아요라던지 여기저기 범용성이 좋은데 (대댓글 기능? 도 쓸라나) 이렇게 하려면 client 쪽에서도 몇번째 완료표시를 누르는 건지 몇번째 글에 반영을 하는지 정해줘야 하고 server 쪽에서도 애초에 만들때 number를 붙여줘야 가능하다.

따라서 post 입력시에 num 값을 따로 반영하고(나는 len으로 처음꺼부터 0~n-1로 num값을 주었다)

get은 db 저장돼있는 done 값에 따라 temp_html 붙여주고 완료 버튼에는 각각 이름을 붙여줌.

그리고 ‘완료’ 버튼 클릭 시에 done 값에 1을 주는식으로 db값을 변환시켜서 위에 else부분을 활성화 시킨다. client 쪽에서는 위에 get 생성시 check 값에 주었던 번호를 아래에 변수로 받아 db로 넘겨줌.

넘겨준 num_give 순서로 db에도 저장을 했기때문에 클릭한 완료의 순서대로 db에 저장된 done 값이 바뀜.

스크랩핑 + 토론방 추가

flex 로 영역을 구분한뒤 row 형식으로 배치 → 왼쪽에는 이미지 모음 오른쪽에는 토론방 배치

flex-row로 영역 구분한 것 까지는 좋았는데 div로 영역영역 나눠주는게 헷갈렸음.

그리고 모듈? 가져오기 등 import로 조각조각 만든 값들을 불러오는 기능을 빨리 익히는게 좋아보인다. 혼자 작업하니까 이정도지 규모가 조금만 커져도 작성한 코딩내용을 읽을 수 없을 거 같음.

네이버 영화 url입력하면 해당 사이트 og태그 스크랩핑 해와 띄우는 페이지 만듬.(bs4 + 플라스크)

og 태그로 title, img, desc 끌어오고 간단한 코멘트는 본인 이 작성해서 db에 저장 → 카드형식으로 보여줌.

bs4를 통해 스크래핑한 코딩을 그대로 파이썬 함수로 가져오는게 아주 좋았음

app.py에 전부 담으려고 하지말고, scracping.py 로 스크랩핑 python 따로 만들고 app.py로 불러오는 방식 사용할것. (조각조각 만들어서 붙여야 어디에서 오류가 나는지 정확히 알 수있음)

1. 간단한 블로그 만들기 (Flask)

-직접 코드를 고민하고 적용하면서 응용력이 많이 올라감. 수동적으로 강의 듣기 절대 금지!

대댓글 기능만 추가하는 정도로 해당 블로그는 종료해도될듯

에게해 스터디원들과 함께하는 CS 간단 발표 및 독후감🐱‍🐉

[1일1로그 100일 완성 IT지식] 13번 '프로세서와 계산기의 다른 점' 

프로세서와 계산기의 다른 점을 설명하기 앞서 공통 점을 먼저 보자면,

1. 산술 연산이 가능하다.

2. 메모리에서 데이터 가져오기.

3. 연산 결과를 메모리에 저장.

=> 인데 큰 맥락에서 보면 프로세서는 계산기와 하는 일이 별반 다르지 않다.

      단 하나의 다른 점을 빼고말이다.

다른 점

0. 지 혼자 결정을 내릴 수 있다. 

=> 바꿔 말하면 명령어를 입력시켜 자동화가 가능하다 인데,

저자는 모형컴퓨터로 더하기 프로그램을 만들었는데 나처럼 가볍게 읽고 싶은 사람들은 조금 지루해서..

for문을 예로 들어보자.

코딩 해본 사람이라면 익숙 하실 for 반복문이다. i = 1 부터 10까지 더한 값을 뱉어주는 로직인데,

계산기는 1부터 10까지 수를 하나하나 더해서 값을 구할겁니다.

그런데 프로세서는 명령어를 입력시켜 더하기를 자동화 시킬 수 있습니다.

보시면 add function 에 더한 값을 저장할 변수 sum을 선언을 하고, for문 돌려서 i가 1부터 10까지 하나씩 커지면서

선언한 sum에 값을 저장하고 sum을 return 하는 로직인데, 계산기와 달리 명령어를 입력시켜 자기혼자 결정을 내리게 했고, 다른 말로는 자동화시켜 답을 구했습니다.

끝~!