코딩일지

데이터 베이스 정의 ㄴ 데이터 저장소ㄴ 코드에서 값을 일시적으로  저장해두기 위해 사용되는 문법 ( 변수 )ㄴ 변수는 어디에 저장되는가?(RAM)ㄴ 우리가 반 영구적으로 값을 보관하고 싶을 때도 있다ㄴ 이때 사용하는게 데이터베이스(보조메모리) 데이터베이스의 종류1. Relational Database(RDB)ㄴ 전체 데이터베이스 사용에서 80% 이상 차지2. NoSQL Database(NoSQL) NoSQL 은 RDB 보다 유연적이지만 체계성이 떨어진다!! RDB의 종류1. Mysql : 가장 보편적으로 사용됨.2. Oracle : 가장 좋은 성능을 냄, 근데 유료임3. PostgreSQL : 독특한 기능이 많으며 , MySQL 과 비교했을 때 데이터가 많아질 수록 좋아진다.4. SQLite : 가장 기..

프로토콜ㄴ 인터넷 통신 표준ㄴ 세상에 있는 모든 통신은, 이 프로토콜의 내용대로 이루어 진다 종류ㄴ 인터넷 통신 종류마다 프로토콜이 1종류씩 정해져 있다.예) HTTP, SSH , FTP, SFTPㄴ 사실, 이 프로토콜을 우리가 직접 사용해서 뭔가를 만드는 것은 매우 어렵다ㄴ 실제 개발자들은 얘네를 직접 구현하지 않고 이미 만들어진 프로그램을 빌려서 쓴다 FTP, SFTP 파일질라SSH putty ㄴ 프로토콜을 직접 구현할 일은 x 얘네의 목적과 기능/ 원리 정도는 알아야 함!ㄴ 그래야 더 좋은 설계. 더 효율적인 기능을 만들 수 있다!! HTTP(80) VS HTTPS(443)HTTP에서 암호화 시킨게 HTTPS 이다!대칭키 암호화 : 서버-클라이언트가 하나의 키를 가지고 있다!비대칭키 암호화공개키 암..

웹 서버 서버 vs 웹 서버 ㄴ 서버는 데이터 저장과 통신의 중앙 매개 역할 ㄴ 웹 서버도 동일함 ㄴ 서버와 웹 서버는 통신 방법이 다르다. 서버 : TCP 통신 ㄴ 단방향 통신 ㄴ 클라이언트는 요청만 가능, 서버는 응답만 할 수 있다. ㄴ 그러다보니 통신 과정이 간결하며, 그만큼 구축이 쉽다. HTTP 통신 ㄴ 단방향 통신 ㄴ 클라이언트는 요청만 가능, 서버는 응답만 할 수 있다. ㄴ 그러다보니 통신 과정이 간결하며, 그만큼 구축이 쉽다. -웹 서버 구축 방법 1. 직접 구축 2. WAS 이용 ㄴ 웹 서버 구축을 쉽게 해주는 소프트웨어 심화 단계 가서 직접구축할 것이고 일단은 WAS 사용할 것 -WAS의 종류 ㄴ 백엔드 개발 언어를 뭘 쓰냐에 따라 정해져 있다. ㄴ JSP -> tomcat // 톰캣이..

벡엔드의 구성 1. 서버 관리 2. 데이터베이스 관리 3. 백엔드 개발 서버란?? ㄴ 컴퓨터 ㄴ 데이터 저장과 통신의 중앙 매개 역할을 목적으로 함 server 확보 방안 1. server 구입 큰비용, 환경 설정 시간이 소요 서버 환경과 보안적인 문제를 직접 해결해야함. 2. server 호스팅 server 임대 초기설정 x 환결설정 x 매달 비용 나감 리눅스란? => server 컴퓨터에 특화되어 있는 운영체제 => 권한과 기능을 접할 일이 많아서 서버 개발에는 리눅스! ec2 서버 호스팅 리눅스 명령어 cd/ 폴더 이동 ls 현재 접속중인 서버의 리스트를 출력해줌 원격 접속 시작점 ubuntu 안에서 그 외 공간은 권한 필요함. mkdir 폴더 만들기 touch 파일을 만듬 rm 파일 제거 rm -..

queryselector vs getElementbyid 다른점은?? queryselector 가 더 구체적인 위치를 요구함 그런데 getElementbyid 를 현업에서 더 많이 쓰는듯함. js로 html css 변경하기 js로 구구단 만들기 ==> 값 가져오기 var value=parseint(document.getElementid="~~".value) p 생성해서 출력해주기 for(var i=1;i 아니다!!! getcomputedstyle은 읽기 전용이다!!! 읽기 전용이라 값의 변경이 안된다!! 브라우저와 preventdefault 찾아보기!!! ==>브라우저의 기본으로 깔려 있는 것들이 많기 때문에 그것들을 이 이벤트 동안에 잠깐 중지 시켜달라고 말하는 것 이 방법 말고 하나 더있긴 한데 on..

javascript 1. 함수 function f() 2. 변수 var abc 3. js에서 html 값 가져오기 var value=document.getElementid("abc") value.style.backgroundcolor value.textXontent="~~" 이런식 등등 4. js에서 html 값 수정하기 3번과 동일 5. 조건문 if() 6. 반복문 for 문 while 문 7. js에서 html tag 만들기 var tmptag = document.createElement("p") 8. 리스트 배열 vs 리스트 어레이 리스트와 링크드리스트 묻는거 근데 js에서는 배열이 존재하지 않음... 9. 이벤트 심화 이벤트 종류 ㄴ 브라우저에는 사용자가 할 수 있는 행동의 갯수만큼 이벤트 종류가..

main 이나 aside 등과 같이 조금은 독보적인 div들은 그냥 이름 그 자체로 사용하자 id를 굳이 안써도 된다는 이야기 tag의 기본설정(다른 프로그램에도 사용하는 것들)은 위에다가 그냥 통으로 정의해주면 됨. ex) body tag는 자체적으로 margin 이 존재하니 이를 제거하는 tag등... 완전 베이스가 되는 것들은 기본 파일을 하나 새롭게 파는게 요즘 추세인다.. 본격적인 궁금점 확인 해보자! 1. margin 과 gap 차이 gap 은 요소들 간에 띄우는 거다! margin 은 요소뿐만아니라 무조건 띄움 한마디로 요소들이 없다면 gap은 동작이 없을 것! 반면 margin은 그대로~ 참고로 margin 테스트 하다가 margin 충돌이 일어날 수 있으니 주의할 것! 2. em과 rem..

오늘 일단 2주차 만드는거 수정 및 보완했다. 8시 40분 ~ 10시 40분 까지 공부함 시간이 넘나 부족하다... ㅜㅜ 오면 가야되넹... 일단 지금은 알고리즘 / 스테이지어스에서 하는 거로 두개 병행해서 하고 나중에는 알고리즘 / 스테이지어스 / 데이터베이스 등 cs등을 섞어서 넣어야 겠다. 파이팅!

https://velog.io/@raram2/CSS-%EB%A7%88%EC%A7%84-%EC%83%81%EC%87%84Margin-collapsing-%EC%9B%90%EB%A6%AC-%EC%99%84%EB%B2%BD-%EC%9D%B4%ED%95%B4 CSS 마진 상쇄(Margin-collapsing) 원리 완벽 이해 마진 상쇄는 흔히 '마진 겹침 현상'이라고도 불립니다. (혹자는 '마진 빡침 현상'이라고도 합니다) 하지만 인과관계로 볼 때, 마진이 겹치게 되면 상쇄가 일어나기 때문에 영미권에서는 '마진 상 velog.io 아 욕나온다 진짜 하아.. 아 진짜 html은 진짜 논리가 진짜 좆도 언어인거 같다 c++ 하다가 html 보면 ㄹㅇ로 토가 나온다 토가 나와 뭔 감으로 하는 언어도 아니고 참나

javascript 는 event에 따른 결과물을 보여줌! 수학적인 수식이 존재한다!! 동향 ==> 매우 각광받는 언어임! 심화단계에서는 js만 쓸것이니 숙련도 100%찍기! 디자인 패턴 1. 함수형 프로그래밍 (신흥강호, 우리가 할것) 2. 객체형 프로그래밍(전통 강호) 타 디자인 패턴으로 작성된 코드는 알아보기가 힘들다! 구글링 하다가 class 가 나오면 무시! 함수의 필요성! 1. 가독성 증가 2.중복코드 제거 3.에러찾기 굳