반응형 전체 글328 [CS/Javascript] 비동기 처리 및 이벤트 핸들러 동기 & 비동기 처리동기(Synchronous) 모든 일을 순차적으로 처리하는 것 (이전 작업이 끝나면 → 다음 작업 시작) 어떤 요청을 보내면 그 요청이 끝날 때까지 기다림console.log('시작')console.log('중간')console.log('끝')/*시작중간끝*/비동기(ASynchronous)- 작업을 시작한 후 결과를 기다리지 않고 다음 작업을 처리하는 것 (병렬 수행)- 비동기로 처리 시 먼저 처리되는 부분부터 보여주므로 사용자 경험에 긍정적인 효과- 비동기 동작은 Call stack, Web API, Task Queue, Event Loop 등으로 구성Call Stack- 요청이 들어올 때마다 순차적으로 처리하는 StackWeb API- JavaSecript 엔진이 아닌 브라우저에서.. 2024. 7. 29. [boostcamp] 네이버 부스트캠프 챌린지 2주차 회고 네이버 부스트캠프 웹 풀스텍 9기 챌린지에 입과 후 2주차가 진행되었다.2주차를 진행하면서 느꼈던 경험과 생각한 바에 대한 회고를 해보고자 한다. 네이버 부스트캠프 챌린지 2주차 회고 1주차와 다르게 2주차에는 챌린지가 어떻게 진행되는지 알고, 어떤 식으로 찾고 학습을 정리하면 도움이 될까에 대한 이해를 바탕으로 더욱 유리하게 접근할 수 있었던거 같다. 어느정도 틀이 잡힌 상태에서 미션을 수행하니 학습이 꽤 원활하게 진행 됐다고 생각한다. 1주차 미션을 수행하면서 굉장히 많이 느꼈던 벽 🔥이 조금은 낮아진 느낌이 들었다. 1주차에는 전반적으로 "구현"에 매몰되는 경우가 많아서 학습에서 아쉬운 점이 많아 2주차에는 다른 접근 방식을 선택했다. 구현에 앞서 학습에 대해 어느 정도는 이해하고, 어떤 방향.. 2024. 7. 26. [CS] 디자인 패턴 (옵저버 패턴) 옵저버 패턴( Observer Pattern) 📝 옵저버 패턴이란?관찰자가 관찰하고 있는 대상자의 상태가 변화할 때마다 조치를 취하는 패턴일대다(one to many) 의존성을 가짐발행-구독(pub-sub) 모델로도 알려져 있음주로 MVC 패턴에서 사용됨옵저버 패턴의 구성 요소주체 혹은 관찰 대상상태를 가지며, 옵저버를 등록하고 제거하는 메서드 제공상태가 변경되면 모든 등록된 옵저버에 전달옵저버(Observer)주제의 상태 변경을 통보받기 위해 등록된 객체주제의 상태 변경시 이를 통보 받아 자신의 상태를 업데이트옵저버 패턴의 흐름한개의 관찰 대상자와 여러개의 관찰자로 일 대 다 구성관찰 대상의 상태가 바뀌면 변경사항을 옵저버에 통보통보 받은 옵저버는 값을 바꾸거나 삭제하는 등 대응옵저버는 언제든 대상자.. 2024. 7. 25. [CS/자료구조] 불변 연결 리스트 (Immutable LinkedList) 연결 리스트(LinkedList)📝연결 리스트란?순차적으로 연결된 공간에 데이터를 나열하는 데이터 구조떨어진 곳에 존재하는 데이터를 화살표로 연결해서 관리하는 데이터 구조각 요소가 데이터와 다음 요소를 참조하는 정보를 포함하는 노드로 구성된 형태연결 리스트의 요소노드(Node) : 연결 리스트의 기본 단위로, 데이터와 다음 노드를 가리키는 필드로 구성포인터(pointer) : 각 노드 안에서 다음이나 이전의 노드와의 연결 정보를 갖고 있는 공간헤드(Head) : 연결 리스트의에서 가장 처음 위치하는 노드. 리스트 전체를 참조하는데 사용테일(Tail) : 연결 리스트의 가장 마지막에 위치하는 노드. 다음 노드가 존재하지 않으므로 링크된 노드의 필드 값은 Null이다.연결 리스트 구현(JavaScript).. 2024. 7. 24. [CS/Regex] 파일 URL의 형식 및 정규표현식의 활용 파일 URL (Uniform Resource Locator)시스템 구조에 따른 파일 URL 구조유닉스 기반file:///home/username/documents/example.txt루트 디렉토리에서 시작하는 절대 경로경로 구분자로 슬래시를 사용함윈도우 기반file:///C:/Users/username/Documents/example.txt드라이브 문자를 포함한 절대 경로경로 구분자로 백슬래시를 사용함 정규표현식(Regular Expression)정규 표현식(Regex)의 특징문자열이나 데이터의 특정 내용을 찾거나 대체하는 용도로 사용반복문, 조건문 대신하여 사용시 매우 간단하게 표현 가능다만, 여러가지 기호를 혼합해 사용하므로 가독성이 좋지 않을 수 있음정규 표현식 사용 예시사용자가 입력한 이메일, 전.. 2024. 7. 23. [boostcamp] 네이버 부스트캠프 챌린지 1주차 회고 네이버 부스트캠프 웹 풀스텍 9기 챌린지에 입과 후 한 주가 끝났다.1주차를 진행하면서 느꼈던 경험과 생각한 바에 대한 회고를 해보고자 한다.네이버 부스트캠프 챌린지 1주차 회고 처음 챌린지 미션을 진행하기 전에 가진 생각은 베이직을 수행해보니 이정도면 어렵지 않겠는데?라는 자신감과 더불어 베이직보다는 어려운 미션을 수행하면서 많이 성장하겠다 였다. 그렇기에 굉장히 기대되는 마음으로 미션을 수행했다. 미션을 수행하면서 굉장히 많이 벽🔥을 느꼈다. 미션을 수행하면서 코드를 구현하고 모듈화를 통해 깔끔하게 작성하는 등 여러 노력을 했지만, 돌이켜보면 구현이 제대로 됐는지 의심스러운 부분도 있었다.특히, CS에 대한 수업을 들어본 적이 없이 단순하게 이론만 알고 있는 내용과 이론 조차 모르는 내용들을 학습 .. 2024. 7. 19. 이전 1 2 3 4 5 ··· 55 다음 반응형
