힘차게, 열심히 공대생

오늘 하루 오늘 컨디션이 정말 좋지않았다. 요며칠 간 잠을 못잤더니 하루종일 피곤하고 머리에 들어오지 않았다. 정말 많은걸 못했다. 2시간의 잠을 줄이고 4시간의 효율을 버렸다는 생각이 든다. 오늘은 일찍 자고 매일매일 루틴을 지켜야겠다는 다짐을 한다. 여담이지만, 나는 자바스크립트와 html css를 정말정말 싫어했다. 지금도 싫어한다. js는 내가 백엔드를 하기로 결심한 이상 억지로라도 하나씩 하나씩 익혀나가고 있다. 하지만 오늘 이런 구절을 읽었다. 너무나 많은 사람이 어떤 분야에 전문가라는 의미가 다른 분야에 대해서는 잘 몰라도 되는 것으로 오해하고 있는것 같다. 극단적인 예지만, 그렇다면 우리 어머니는 윈도우 전문가다. 어머니는 리눅스나 맥 OS를 쓰지 않기 때문이다. ... 깊이가 얕은 전문가..

TIL 1. Iframe, 동적 스크립트 오늘 하루 1. iframe, 동적 스크립트 오늘은 정말 많은시간을, 오류 해결에 썻다. 오늘 직면했던 문제는, 동적 스키립트 and 웹페이지 렌더링과 kakao map api 오류이다. 웹페이지 안에 버튼을 누르면, 모달 팝업창이 나오고, 모달 창안 div 태그 안에 미리 만들어둔 kakao api를 이용하는 html파일을 삽입하고자 했다. 모달 창의 개념을 잘몰라, 찾아보고 div 태그 안에 단순하게 웹페이지를 랜더링하면 되지않을까 생각해 제이쿼리 load() 문법을 사용하였고, 결과적으로는 랜더링이 되긴하여 div 태그안에 삽입은 되지만, html 파일을 코드 전체를 html코드로 삽입되어 js 코드가 읽히지가 않았다. 머리가 굳어 조금 쉬다가, 다시 찬찬히..

TIL 1. 팀 프로젝트 2. AWS 오늘 하루 1. 팀 프로젝트 팀 프로젝트를 하느라 정신이 없다. 휴 할게 꽤 많다, To do list를 전날에 적었지만 다 하지는 못했다 휘유ㅠ 하지만 하루를 꽉차게 보낸거니까 괜찮다. 팀원들에게 알려주는 시간이 더 많았고, 아직 내 능력이 여기까지라는 걸 알았으니까 나쁘지 않았다고 생각한다. 팀원이 html 모달창에 대해서 알려주었다. 기존의 팝업창으로 진행하려했던 부분을 모달창으로 하니 디자인적으로 더 보기 좋은 것 같다. 2. AWS AWS는 알아갈 때마다 재밌고 어렵다. 오늘은 CloudFront 와 Git Action의 개념정도를 공부했다. Git Action에 익숙해져서 내 프로젝트나 팀 프로젝트에 적용을 한다면 매우 편리한 서비스가 될 것 같다.

TIL 1. 프로젝트 2. MYP, POC 3. AWS 오늘 하루 1. 프로젝트 오늘은 2번째 주의 시작으로 첫 프로젝트에 대한 발제를 했다. 팀원들과 주제를 정하고 주어진 가이드라인에 맞추어 프로젝트 설계를 했다. 협업을 하면서 팀리더였던적은 처음이다. 항상 따라가는 입장에서 어찌됬건 팀장이 되어서 진행하는 입장이 되니 임하는 자세가 달라지는 것 같다. 내가 잘 하고있는지 모르겠고, 혹시 팀원들에게 상처가 되는 말을 할까바 무섭다. 그래도 화이텡! 오늘은 힘들었어도 끝까지 잘 설계를 마무리한 것 같아서 기분이 좋다 2. MYP, POC MYP - Minimum Viable Product 최소 기능 제품 이라고 한다. 최소한의 핵심 기능을 만드는 것을 의미하는 것 같다. POC - Proof of Con..

TIL 1. TIL에 대해서 오늘 하루 오늘은 일요일이다 오예 이번 주가 첫 스파르타 내일배움캠프 시작 주였는데, 9to9이 쉽지않았다. 캠을키고 하루종일 생활하다보니, 약간.. 음 집이지만 조금 더 사무적인 공간이 되는 것 같다. 그래도 집인지라 나름 편하고 조금 더 집중하게 되는 환경이 만들어진다. 혼자가 아니라 같이 고생하는 팀원들이 있기때문에 조금 더 할만하다는 생각이든다. (덜 지쳐.. 그래도 힘들어...) 일요일 점심을 먹고 조금 일찍(?) TIL을 쓰고 있는데 WIL 느낌이 나기도 한다. 아직은 TIL WIL 개념을 잘 모르겠잖아~ >_

9.17 웹 프로그래밍 A-Z기초 5주차 및 복습 1) Og 태그 달기 2일차 TIL에서 Og태그라는 약속된 태그를 이용해 정보를 긁어온다고 정리한 적이있다. 이 og태그를 달아야만, 카카오톡같은 곳에 공유했을 때, 미리보기가 제공된다. [head 안에 넣는게 관행적] 2) 리눅스 PS 명령어 aws 서브를 nohup으로 백그라운드에 실행시키고 있는걸 강제종료하기위해서 ps -ef | grep '파일이름' 을 이용했다. PS -ef의 의미 ps 는 실행중인 프로세스 목록과 상태를 보여주고, ps 명령어 옵션으로 -e, -ef, -a 등등이 있다. -e : 커널프로세스를 제외한 모든 프로세스 탐색 -f : 풀 포맷(자세하게) 형식으로 프로세스 정보를 보여준다. ps -ef : 전체 다보기 grep 옵션 g..

9.16 웹 프로그래밍 A-Z기초 5주차 1) AWS 서버 구매하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 1. aws 에 들어가 로그인을 한 후 인스턴스를 클릭힌다. [인스턴스] - [인스턴스 시작] - 3번째 거 (ubuntu server 18.04) 인스턴스 : 서버 하나하나 오픈소스 라이브러리인 리눅스 기반 서버 Ubuntu를 사용한다. (무료 라이센스이기 때문) 2. T2 micro 선..

9.15 웹 프로그래밍 A-Z기초 4주차 1) Flask 플라스크는 파이썬으로 작성된 웹 프레임워크로, 파이참을 이용해 pip flask 라이브러리를 설치함으로써 사용할 수 있다. 1. 플라스크 시작하기 서버를 실행시킬 폴더를 만든 후, 폴더 안에 app.py 를 하나 만듭니다. app.p : 서버를 구동시킬 파일로 사용되며, 이름은 아무거나해도 상관없지만 통상적으로 app.py를 많이 씀 from flask import Flask app = Flask(__name__) @app.route('/') def hello(): return 'Hello, My First Flask!' app.py 와 같은 폴더안에 "templates" 폴더를 생성합니다. templates : 폴더안에 html 파일이 위치합니다..

9.14 웹 프로그래밍 A-Z기초 2주차 1) jquery 1. [class, id 지칭] - css 와 반대 class : ex) $(".class").val() id : ex) $("#id").val() 2. 백틱(``) - jquery html append let temp_html = `` temp_html = ` 이 버튼이 삽입됨` $('#html_id').append(temp_html) 3. 제이쿼리 이미지 src 변경 (jquery img src) $('#img').attr('src', url); 4. 윂이지 로딩 후 호출 (바로 호출) jquery를 이용하여 웹페이지가 로딩됨과 동시에 함수를 호출하고 싶다면 아래의 코드를 삽입하면 된다. $(document).ready(function (){..

9.13 웹 프로그래밍 A-Z기초 1주차 1) 파이참 자동 정열 (깔금하게 정리) * 탭 - 영역관리? 는 되지않고 줄만 나누어진다...ㅠ ctrl+alt+L (이런 느낌) 로그인 페이지 ID: PW: 로그인하기 2) CSS 속성 1. background - size : cover 백그라운드 이미지를 지정해 줄 때, cover에 맞게 사이즈 조정 2. margin : auto 객체 가운데 정렬 (양쪽 여백을 동등하게 줘서 해결) .wrap { margin: 10px auto; width: 300px; } 3. class의 이름을 2개 붙히는게 가능하다..! (클래스 중첩) 로그인하기 이렇게 지정을 해주면 .mybtn 과 .red-font 2개의 class 이름은 모두 설정이 먹는다 3) 부트스트랩 사용하..