SSAFY TechTalk Study 썸네일형 리스트형 Day25 : BEM이란? 💫작성자 및 원본 글💫 JungHwan-dev (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/BEM.md) 목차 BEM 의미 BEM 특징 작명 규칙을 잘못 관리한 사례 CSS 선택자 우선순위 규칙 (CSS selector specificiy) 스타일시트 분석 BEM 명명 규칙 BEM 안티패턴 키워드 연결 방법 접두어 사용 BEM 정리 BEM 의미 BEM은 Block, Element, Modifer로 구성된 클래스 이름을 짓는 CSS 방법론입니다. BEM 방법론은 id에는 사용할 수 없고 오직 class명에만 활용할 수 있습니다. Block Element Modifier 재사용 가능한 독립적인 블록 블록을 구성.. 더보기 Day24 : 프로세스 동기화 (Process Synchronization) 목차 경쟁 상태(Race Condition) 임계 구역(Critical Section) 프로세스 동기화 방법 1. 경쟁 상태(Race Condition) 여러 프로세스가 하나의 공유 자원을 놓고, 동시에 접근하여 서로 사용하려고 경쟁하는 상황 접근 타이밍, 순서 등이 결과값에 영향을 줄 수 있음 동시에 접근할 때 자료의 일관성을 해치는 결과가 나타날 수 있음 OS에서 Race condition은 언제 발생하는가? 1. kernel 작업 수행 중 *interrupt가 발생할 시 *interrupt : 프로그램을 실행하는 도중에 예상치 않은 상황이 발생한 경우, 현재 실행중인 작업을 중단하고 발생된 상황을 처리한 후 다시 실행중인 작업으로 복귀하는 것 문제점 : *kernel mode에서 데이터를 로드하여 .. 더보기 Day23 : 정렬 알고리즘 💫작성자 및 원본 글💫 alstjdwo1601 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Algorithm/Sorting.md) 목차 버블 정렬 선택 정렬 삽입 정렬 머지 정렬 퀵 정렬 질문 : 수백만개의 숫자중에서 원하는 숫자를 매일 하나씩 찾을 것이다. 매일 수백만개의 숫자중에서 단 하나의 숫자만 바뀐다. 어떤 알고리즘을 사용할 것인가? 1. 버블 정렬 (Bubble Sort) 버블 정렬은 배열에서 2개씩 선택하여 크기를 비교하고 스왑하는 것을 반복한다. 더 좋은 알고리즘들이 많기에 자주 쓰이진 않지만 이해하기가 굉장히 쉬운편임 *Time Complexity of Bubble Sort * (n-1) + (n-2) + ... 더보기 Day 22 : GraphQL 💫작성자 및 원본 글💫 anottrx (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Front-end/GraphQL.md) 목차 GraphQL은 무엇일까? GraphQL은 왜 등장했을까? GraphQL의 타입과 문법 1. GraphQL이란 무엇일까? GraphQL 페이스북이 만든 Query Language GraphQL을 통해 클라이언트는 필요한 것을 정확하게 요청 가능 한번의 요청으로 앱에 필요한 모든 데이터를 가져올 수 있다 프론트엔드 단에서는 요청을 전송하고, 백엔드에서는 정보 제공 및 처리 GQL(Graph Query Language)와 다르니 주의 GraphQL 특징 특정 데이터베이스나 스토리지에 종속되지 않음 (My.. 더보기 Day21 : Servlet과 JSP 💫작성자 및 원본 글💫 dgh03207 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Back-end/Servlet%20%26%20JSP.md) 목차 Servlet&JSP WAS 1. Servlet & JSP Servlet 웹 어플리케이션을 만들때 필요한 인터페이스 웹 페이지등을 동적으로 생성, 데이터 처리를 수행하기 위해 자바로 작성된 프로그래밍 형태 Java 코드 내에 HTML이 삽입되는 형태 JSP 형태 HTML 내에 Java가 삽입되는 형태 MVC Pattern 스크립트 와 html을 작성하기 좋은 JSP를 보존하면서 서버 통신과 용이한 Servlet을 이용하여 고안된 디자인 패턴 2. WAS WebServer HTTP.. 더보기 Day20 : Auth(인증) 방식 - Session과 JWT 💫작성자 및 원본 글💫 eye1228 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Computer-Science/Session%20%26%20JWT.md) 목차 세션, 왜 써야 하는가? 쿠키(Cookie) 세션(Session) 토큰(Token) 세션의 장, 단점 JWT(JSon Web Token) 세션과 JWT 차이 1. 세션, 왜 써야 하는가? HTTP 프로토콜은 stateless라 하며 이는 서버로 가는 모든 요청이 독립적으로 다뤄지기 때문에, 요청끼리 연결이 없고, 메모리가 없기 때문에 요청이 끝나면 서버는 사용자가 누구인지 알 수 없다. 따라서 이런 정보를 알리기 위해서 세션을 사용한다. 2. 쿠키(Cookie) 란?.. 더보기 Day19 : Spring Framework와 Spring Boot 💫작성자 및 원본 글💫 jhj960918 (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/Back-end/sping-springboot.md) 목차 Framework? Spring Framework Spring Boot ✅ Framework? 프레임워크는 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조며, 소프트웨어 개발에 있어 하나의 뼈대 역할을 한다. (나무 위키) 사용 이유? 1. 실력이 부족한 진형준도 반쯤 완성한 상태에서 필요한 부분을 조립하는 형태의 개발이 가능하다. 2. 어느 정도 품질면에서 성과가 있는 결과물을 얻을수 있다. 3. 개발 시간을 단축할 수 있다. Spring(J.. 더보기 Day18 : MVC 패턴 💫작성자 및 원본 글💫 (본인입니다 :-) ) wangsuuu (https://github.com/ssafy-tech-concert/ssafy-tech-concert/blob/master/SW_methods/MVC_pattern.md) 목차 MVC 패턴이란? MVC패턴 구조 MVC패턴 사용 이유 및 예시 MVC 패턴의 한계 1. MVC 패턴이란? MVC는 Model, View, Controller의 합성어로, 소프트웨어 공학에서 사용되는 소프트웨어 *디자인 패턴 중 하나이다. * 디자인 패턴 : 소프트웨어의 개발 방법을 공식화 한 것. 소수의 뛰어난 엔지니어가 해결한 문제를 다수의 엔지니어들이 처리할 수 있도록 한 규칙이면서, 구현자들 간의 커뮤니케이션의 효율성을 높이는 기법 하나의 어플리케이션, 프로젝.. 더보기 이전 1 2 3 4 다음
