본문 바로가기

전체 글

(119)
백준 4주차 백준 풀이 코드 올라간 깃허브 링크입니다. https://github.com/seulgib/Clipper_Baekjoon/tree/main/Baekjoon
Inflearn 4주차 NetFlix 앱 만들기 - part1 1) The Movie DB API 생성 넷플릭스 애플리케이션을 만들기 위해선 영화 정보를 담은 API를 가져다 써야하므로, TMDB라는 사이트에서 영화 정보에 대한 openAPI를 가져다 쓸 것이다. 아래 사이트 접속해서 회원가입 한 후 프로필 사진 클릭 > Settings > API 들어가면 API 키를 복사할 수 있다. https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 넷플릭스 애플리케이션 작업 폴더 src에 api 폴더를 생성한 후 위에서 생성한 ..
Inflearn 3주차 React Component -Class Component: 더 많은 기능 제공, 더 긴 코드 양, 더딘 성능, 더 복잡한 코드 -Functional Component: Class Component의 반대 성질 함수형에서는 리액트의 생명주기를 쓰지 못했다. -> React 16.8 Hooks 업데이트로 인해 함수형 컴포넌트에서도 생명주기를 사용할 수 있기에 데이터를 가져오고 컴포넌트 시작하자마자 API도 호출하고 등등을 할 수있게 되었다. 그리고 함수형 컴포넌트를 쓰면 React Hooks를 이용해 리액트 생명주기를 사용하면서 코드를 훨씬 간결하게 할 수 있다. ex) const [value, setValue]=useState(""); -> 첫번째 매개변수는 변수 이름이고, 두번째 매개변수는 첫번째 변수..
Github 협업 환경 만들기 [용어 정리] fork: 포크로 찍어서 가져오기 upstream: 원본 위치(상류) pull: (변경사항) 땡겨옴 pull request(PR): 수정사항 원격저장소로 보내기 conflict: 충돌 merge 합치기 1) 기본 셋팅 팀장: 로컬에서 프로젝트 기본 셋팅->깃허브 레포지토리 업로드 팀원: 핌장 레포를 fork해옴-> fork해온 것 본인 로컬에 clone하기 -> 로컬에서 돌아가게 셋팅 후 확인 2) 팀원이 만든 코드 합치기 팀장 팀원: 로컬에서 코드 수정 후 -> fork 떠온 본인 레포에 push -> 팀장 레포 지정 브랜치에 pull request를 보냄-> 충돌나는 거 없으면 Able to Merge -> 권한 있는 사람이 Merge 진행 *만약 Conlict이 뜬다면?(Can't a..
웹프 공부 참고자료 https://devbox.tistory.com/entry/Comporison-Dispatcher%EB%B0%A9%EC%8B%9D%EA%B3%BC-Redirect-%EB%B0%A9%EC%8B%9D [Comporison] Dispatcher방식과 Redirect 방식 Dispatcher방식과 Redirect 방식서블릿에서 특정 URL이나 페이지로 이동하게 하는 두 가지 방식이 있는데, 두 방식의 차이점에 대해 알아보자. 1. Dispatcher방식 -->forward()forward()[전달하기]는 클라이언트 devbox.tistory.com *2장 -css position 속성 https://www.daleseo.com/css-position/
VMware - Ubuntu에서 C++ 컴파일 https://ladofa.blogspot.com/2018/07/c-1.html 우분투에서 C++ 개발하기 (1) - 컴파일 과정 및 gcc ladofa.blogspot.com *잘 정리된 좋은 블로그가 있어서 링크를 걸어두었다. VIM editor를 사용해 코드를 작성한 후 Ubuntu환경에서 컴파일 빌드 및 실행까지의 과정을 수행하기 위해 필요한 명령어들이다. gcc, g++ 컴파일러는 이미 깔아두었다는 전제 하에 시작한다. -파일 조회: cat fileName -vim fileName -> 파일이 있다면 해당 파일에 접근, 없다면 해당 파일 생성(i - Insert모드, :wq - 저장 후 종료) VIM Editor에서 코드를 작성했으면 object파일을 생성해야한다.(=바이너리 파일) g++ -c..
Loader & Linker Loading: program->memory ->Absolute loader(memory에 올려줌) Relocation: modifies the object program ->linking loader(relocation 하면서 memory에 올려줌) * 프로그램 시작 주소가 달라지는 경우 target address를 relocation Linking: combines two or more seperate relocatable object programs ->Linker *2개 이상의 object 프로그램들을 linking해줌. ====> Linking Loader [Absolute Loader] *string을 int로 바꾸는 로직: var=var*10+a[i]-'0' [A simple Bootstra..
서블릿/JSP - 톰캣 설치하기 tomcat 9 버전 설치 후 압축 풀어서 lib파일 -> startup.bat 파일 실행 localhost:8080 입력했을 때 아파치 톰캣 화면이 나오면 제대로 실행된 것. 기본설정으로 나오는 문서 -> webapps->root폴더의 index.jsp 폴더 root 폴더에 nana.txt 파일 추가 후 url에 /nana.txt 추가로 적어주면 nana.txt 파일을 웹브라우저로 불러옴. *Context 사이트 추가하기 물리적으론 2개의 사이트지만 root의 문맥에서 academy의 하위 경로에서 실행되는 것처럼 할 수 있음. 톰캣 설치 폴더로 들어가서 > webapps > Root > it > news.txt 파일 작성. url: localhost:8080/it/news.txt 에 접속하면 news..